SCSS

Scss files are located in assets/styles. The following files/folders are part of the theme:

• atomic/ : All style definitions
• helpers/ : Mixins, functions, helpers, placeholders
• _config.scss : All settings
• _print.scss : Print stylesheet
• _editor-style.scss : Styleheet for the admin - imports main.scss
• _main.scss : Main file which is compiled to main.css

The config.scss file

Todo: Explain what settings this file holds and what to put here

The atomic folder

TODO: Explain atomic design structure with a code example supplemented images

Relevant links

• http://sass-guidelin.es/
• http://bradfrost.com/blog/post/atomic-web-design/

Grid