ResistanceCalendar / resistance-calendar-frontend

A central listing of upcoming progressive events
https://resistance-calendar-staging.herokuapp.com/
MIT License
7 stars 8 forks source link

Set a way to create global css variables (Issue #32); refactor inline-css to utilize the 'style-jsx' library #33

Closed dentemple closed 7 years ago

dentemple commented 7 years ago

Sets a tentative solution to Issue #32.

The 'style-jsx' library--which is Next.js's preferred approach to css styling--has the ability to set global css styles using the <style jsx global> tag.

To use it, I created a separate GlobalStyle component in the css/ directory, and then imported it into index.js.

(See the /css/Global.js file)

Some initial variables are now set using CSS's native :root functionality

I also refactored my previous inline-css to better utilize this library.