Whether you’re customizing the Atlas or Clay base theme, the process is, for the most part, the same. Follow these steps. If you’re customizing the Clay base theme, skip to step 3.
-
By default, Clay base is imported into the theme. If you’re overwriting Atlas, add a file named
clay.scss
to your theme’s/src/css/
folder and importclay/atlas
instead:@import "clay/atlas";
-
By default, Clay base variables are imported into the theme. If you’re overwriting Atlas, add an
_imports.scss
file to your theme’s/src/css/
folder and import Atlas variables instead:@import "bourbon"; @import "mixins"; @import "compat/mixins"; @import "clay/atlas-variables";
-
Add a file named
_clay_variables.scss
. Place your Atlas, Bootstrap, and Clay Base variable modifications in this file.
Great! Now you know how to customize the Atlas and Clay base themes.