What are the best ways to create a Sass / SCSS Theme Skin?

Hi all,

I have a new project coming up where I want to create multiple “skins” for the same websites. The basics of the skins would mainly be colors, but I would like to create my SASS/SCSS files in a modular fashion that would make it easy to extend. I’m pretty new to SASS but would love to learn some proper techniques / tips to doing it right.

Any suggestions / ideas / links to resources / github repo examples would be greatly appreciated :slight_smile:

Thank you in advance!

1 Like

I found this pretty helpful blog post which is a good start :slight_smile:
https://seesparkbox.com/foundry/themed_styles_with_sass

1 Like

A few more links just for reference:

  1. https://webdesign.tutsplus.com/tutorials/how-to-use-sass-to-build-one-project-with-multiple-themes--cms-22104
  2. https://zellwk.com/blog/organizing-multiple-theme-styles-with-sass/
  3. https://codepen.io/celar/pen/dXRNQo
  4. http://www.guyroutledge.co.uk/blog/generating-multiple-colour-schemes-with-sass/
1 Like