I have spent a lot of time looking at different Sass/Scss formatting, naming, and architecture standards. The bible probably being Hugo Giraudel’s Sass Guidelines - Although very comprehensive, well maintained, and well written the standards were a little too thorough for my needs.
So, I decided to write my own playbook that covers Scss file structure standards - I will probably add to this as I go.
-dir.scssfiles should be imported
blockquote, etc.) should be included
div, etc.) should also be included
I have added this architeture to github for convienience.
Note: Jekyll is used to compile the scss so the styles.scss file sits in `/css`.
The following lines of code in the _config.yml file tell Jekyll what to compile.
I have added a few example stylesheets to /base, /components, and /layouts too.