Sass files structure

All Sass files are stored in the src/scss/ folder. Inside the folder, there is the main style.scss file, plus 3 more folders.

src/
└── scss/
    ├── core/
    ├── settings/
    ├── theme/
    └── style.scss

• core/ folder contains the “core style” shared by all templates. It’s a sort of framework, where the properties are based on the variables defined in the settings/ folder. You should never modify any of the files inside the core directory ?
• settings/ contains all the template-specific variables at the base of each template. If you want to change a color, a font size or more, that’s the place!
• theme/ has the same structure of core/, and it’s the place where you can override the core style or extend it by adding custom CSS.