Customize template SCSS variables

It’s recommended to use Sass to customize your own colors, typography, size of buttons, forms, maps. Variations of shadows. Change grid breakpointsm, count of columns and sizes.

We’ve prepared various sets of variables. You can find them here:

  • source/custom-styles/base/_variables.scss

To change any of existing variables it’s recommended to add your variables or overwrite existing in _variables.scss:

  1. Open  source/custom-styles/base/_variables.scss in your favorite code editor.
  2. Change the value of color variable: $primary: #f9b32c; with your own.
  3. Compile your Sass to CSS (see above).
Was this page helpful?