SCSS structure

You can find all SCSS files in the "sass" folder.

In the folder "sass/theme-styles" are the main, global files with styles for the entire template, namely:

/blogs.scss - styles for the blog;

/breadcrumbs.scss - contains styles for breadcrumbs;

/custom-variables.scss - the file contains all global variables and their values, such as the primary colors used in the theme, size variables and font families, etc.

/forms.scss - contains styles for forms, as well as for all form components (input, textarea, select, radio-button, checkboxes ...);

/global.scss - contains standard styles for the main web components, such as "body", "a", "p", "table", "ol", "ul", "form", "input", etc .;

/helper.scss - this file contains all the helper classes and styles for them, which were used to build the template;

/mixins.scss - mixins;

/preloader.scss - styles for the preloader;

/root.scss - css variables;

/stunning-header.scss - styles for stunning-header;

/typography.scss - contains styles responsible for the typography of the template;

The "sass/layouts" folder contains files with styles of individual  template layouts, namely:

/footer.scss - contains styles for the footer, as well as for all components
related to it;

/free-ssl-section.scss - contains styles for free-ssl-section;

/header.scss - contains styles for header, animation styles for
stick-header, as well as for all components associated with it;

/status-pages.scss - contains styles for status-pages.

In the folders "sass/blocks" and "sass/widgets" you will find styles for all blocks and widgets in the template.

In the folder "sass/plugins" there are styles of plugins used in the template.

In the "vendors" folder are Bootstrap styles v4.1.3.

For your convenience and ease of use, all style files are separated almost block-wise. You can edit the necessary styles in them, as well as change responsive settings for the block you need.

The detailed structure of these folders is described in the file "sass/table-of-content.scss".

The following files are located in the root of the SASS folder:

main.scss - it contains all the paths for the proper compilation of all SCSS
files.

rtl.scss - styles for the RTL version of the template.

theme-font.scss - template fonts connection.