All .scss files are located in the sass folder:
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" and other.;
• -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;
• _page404.scss — styles for 404 page;
• _primary-menu.scss – contains styles for the main template menu;
• _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.
"..sass/blocks/.." and "..saas/widgets/.." folders include a stylesheet for blocks and widgets, used in the template.
"..saas/plugins/.." folder includes plugins styles, using in the template.
For your convenience, all stylesheet files are divided blockwise. There you can edit the 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 an appropriate file – /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.
rtl.scss file contains styles for RTL version (the activation process will be detailed described below)