Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Export Sass colors to use in the UI #247

Closed
colbyfayock opened this issue Oct 8, 2021 · 6 comments
Closed

Export Sass colors to use in the UI #247

colbyfayock opened this issue Oct 8, 2021 · 6 comments
Assignees
Labels
enhancement New feature or request Hacktoberfest help wanted Extra attention is needed

Comments

@colbyfayock
Copy link
Owner

Is there a way for us to export Sass colors to use within JavaScript?

This article may prove to be helpful: https://css-tricks.com/getting-javascript-to-talk-to-css-and-sass/

This will help keep consistency throughout the application

Can start by using this with the Next.js Progress Bar

@colbyfayock colbyfayock added enhancement New feature or request help wanted Extra attention is needed Hacktoberfest labels Oct 8, 2021
@PhattOZ
Copy link
Contributor

PhattOZ commented Oct 9, 2021

Hi! Would you mind if I try implementing this issue?

@colbyfayock
Copy link
Owner Author

Yup sure @PhattOZ all yours

@PhattOZ
Copy link
Contributor

PhattOZ commented Oct 9, 2021

I'm having a trouble setting up the development environment. I there any descriptive guide about setting up wordpress and graphql with this template I could go and look at? Thanks

@colbyfayock
Copy link
Owner Author

yup! i have it here: https://next-wordpress-starter.spacejelly.dev/posts/how-to-create-a-headless-wordpress-blog-with-next-js-wordpress-starter/

though in that example we use Create Next App, so if you're contributing, you want to skip that and fork it instead

basically you'll need:

  • WordPress
  • Add WPGraphQL plugin in WordPress
  • Add the environment variable:
WORDPRESS_GRAPHQL_ENDPOINT="https://yourwordpresssite.com/graphql"

The README also has some instructions as well:

https://github.com/colbyfayock/next-wordpress-starter#-getting-started

let me know if there's something particular that's not clear

otherwise I can provide a wordpress link that you can use to develop with :)

@PhattOZ
Copy link
Contributor

PhattOZ commented Oct 9, 2021

Got it! I'm using Jurassic Ninja to create Wordpress and finally get it to run and serve the Next app properly.
Thank you for the clarification! I'll start diving into the css matter right away.

@colbyfayock
Copy link
Owner Author

#248

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request Hacktoberfest help wanted Extra attention is needed
Projects
None yet
Development

No branches or pull requests

2 participants