sass

– variables

• _color-vars.scss
• _space-vars.scss
• _typography-varss.scss

– utilities

• _functions.scss
• _ mixins.scss

– site

• _site.scss // general characteristics site

– htmlelements // changes default styles of html elements

• _buttons.scss // Buttons
• _links.scss // Links

– layout

• _navigation.scss // Navigation
• _grid.scss // Grid system
• _header.scss // Header
• _footer.scss // Footer
• _navigation.scss // Navigation
• _forms.scss // Forms

– pages

• _home.scss // Home specific styles
• _shop.scss // Shop specific styles
• _contact.scss // Contact specific styles

– themes

• _helpers.scss // classes that you can add to more than one element for the same function

– main.scss // Main Sass file