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.
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
GlobalStylecomponent in thecss/directory, and then imported it intoindex.js.(See the
/css/Global.jsfile)Some initial variables are now set using CSS's native
:rootfunctionalityI also refactored my previous inline-css to better utilize this library.