Sass Structure Questions
Posted on 2015-02-12
I have some questions in regards to setting up a Sass project. First of all, I seem to be a little confused between "Modules" and "Partials" . I have looked at the SMACCS structure and I'm a little confused by it. I also looked at Foundation, Bourbon, etc.. and it seems like they have different approaches to their own structure compared to SMACCS.
So, below is the structure that I wanted to implement for myself for website projects that I work on. But I'm worried that I'm not setting this up properly, hence the reason I'm here.
_index.scss -- loads all utilities below into this file by importing them
_index.scss -- loads all partials below into this file by importing them
_base.scss -- base scss styles will go here (html, *, body, img, etc...)
_normalize.scss -- reset to defaults
_typography.scss -- all typography variables will go here.
_grid.scss -- all grid variables will go here
_colors.scss -- all color variables will go here.
_buttons.scss -- all button variables will go here.
app.scss -- loads all utilites and partials in this file. This file will create app.css file.
The other approach that I had in mind which I'm not sure if it's better and makes more sense then the above approach is to just have one file called _variables.scss and include all of my partials above in there. Also, keeping the Utilities folder/structure as above.