Export Scss variables to use in UI

[PhattOZ]

I've tried to modify webpack configuration in next.config.js according to the article in #247 and it gives me a warning.

If we add a custom css configuration, Next will disables the built-in CSS/SCSS support according to this article which is probably undesirable.

Turns out that Next seems to support exporting Sass variables in Sass module out of the box. Thanks to this issue and this PR

Thanks for this fun exploration!

[colbyfayock]

wow this whole time they supported that haha TIL!

nice find and thanks for putting this together

@all-contributors please add @PhattOZ for code

[allcontributors]

@colbyfayock

I've put up a pull request to add @PhattOZ! 🎉

[colbyfayock]

hey @PhattOZ wanted to give you a quick shoutout. used this to create a new tutorial to show others how to do it!

https://spacejelly.dev/posts/how-to-export-sass-variables-to-javascript-with-next-js/
https://www.youtube.com/watch?v=r2YIfBvq11A

[PhattOZ]

Hey, that’s great! If there’s any other interesting topic needed help especially Next.js related, please feel free to fill me in!
Thanks again and congrats on getting another sub 🎆 😆

[colbyfayock]

thanks @PhattOZ! i'm also open to any recommendations if you find something that could use some work, feel free to open an issue if thats the case 🙌

[colbyfayock]

@PhattOZ i forgot! DM me on twitter and ill send you a form for a free sticker pack in the spirit of hacktoberfest! https://twitter.com/colbyfayock

[PhattOZ]

Thank you! However, I’m not on twitter sadly. Maybe ig or email?😅

[colbyfayock]

yup! [email protected]