/sass-setup

Sass folder structure and files for new projects

Primary LanguageCSS

SASS Setup

Directory explanation

sass/
|- base/ # Boilerplate (_reset.scss)
|- helpers/ # Mixins (_mixins.scss)
|- layout/ # Layout related (_breakpoints.scss, _zindex.scss)
|- modules/ # Re-usable components (_header.scss, _footer.scss, _widget.scss)
|- pages/ # Page specific (_home.scss, _my-account.scss)
|- theme/ # Theme specific (_colours.scss, _typography.scss)
|- utilities/ # Utility classes (_margin.scss, _padding.scss)
|- vendor/ # Third-party libraries (bootstrap, jquery)

TODO

  • Use Bower to install reset (or normalize), Bootstrap grid system