SCSS and CSS files overview - Crumina support center

sass/theme-styles folder includes the main stylesheet, global files with styles for the whole template, namely:

_content-block.scss – styles for main content blocks;
_footer.scss - contains styles for footer and for all components, required with it.
_global.scss - contains the styles for the main web components, such as "body", "a", "p", "table", "ol", "ul", "form", "input" etc.;
-grid.scss - contains the modular grid styles (Bootstrap) of our project;
_header.scss — stylesheet for the header, animation styles for sticky header and all elements bundled with it.
_helper.scss - all auxiliary classes and their styles, that were used for building a project;
_magnific-popup.scss – styles for pop-up windows of pictures and videos;
_normalize.scss - a configurable file, by means of which browsers display all the elements more consistently according to modern standards;
_overlay-menu.scss — styles for all varieties of pop-up menu.
_page404.scss — styles for 404 page;
_preloader.scss — style for preloader;
_tabs.scss — tabs styles;
_typography.scss — contains the styles responsible for the typography.
_variables.scss - includes all global variables and their styles, main colors used in the template, font size, font families etc.

For your convenience, all stylesheet files are divided blockwise. There you can edit required styles and responsive settings for the particular block. Detailed folders structure is represented in saas/__table-of-content.scss file.

In the root of sass/.. folder you will find the following files:

blocks.scss, plugins.scss, theme-styles.scss, widgets.scss - it provides paths for proper compilation of the *.scss files into a appropriate files - /css/blocks.css; ../css/theme-styles.css, ../css/widgets.css, ../css/plugins.css.

Font-awesome.scss file includes styles for Font-Awesome v5.0.6.