SCSS Compilation

You don’t need to worry about SCSS compilation because it is automatically compiled in the background. When you save your work, a CSS string is compiled and will be activated on your front website.

Don’t forget that the order in which the files are imported is important! For example, if you have a file called “variables” and that you are using theses variables in another file called “theme”, then your variables file must be called before your theme file :

The index file :

@import "variables";
@import "theme";

The variables file :

$theme_color: #ccc;
$theme_secondary: #225588;

The theme file :

body {
    background-color: $theme_color;
    color: $theme_secondary;
}