Top

Scss folder Structure

We have used scss for styling the website, as it makes the development process fast and convenient for the developers. Below given is a detailed explanation of the scss folder structure, so that if you want to make any changes in your personal template then you can make changes easily.

You can find scss folder on the following path: theme>src>assets>scss
  • assets
    • scss
      • base
        • _reset.scss
        • _typography.scss
      • component
      • layout
      • pages
      • themes
      • ultils
      • vendors
      • _feather-icon.scss
      • app.scss
      • style.scss
      • color-1.scss
      • color-2.scss
      • color-3.scss
      • color-4.scss
      • color-5.scss

Tips

If you want to add new scss so you can add in _custom.scss file

because we are update template in future at that time you can take update template easily and use it

only one custom scss file you need to put from your side

Intelligent customization using scss

You can change in assets/scss/utils/_variables.scss file

For main color settings

$primary-color: #01AA85; All color template settings
$primary-light: #e3f7f3
$success-color: #3fcc35
$info-color: #72CCCF;
$warning-color: #ffc514;
$danger-color: #FF5151;
$light-color: #eff1f2;