Sass files structure

This part of the documentation relates to premium templates built with Cruip CSS framework only. If the template you are using is built on the top of Tailwind CSS, please refer to the last part of the documentation.

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.