Menu icon Foundation
How to set settings scss variables

To change the global variables you will need to access the scss folder in your project root and modify _settings.scss: project root > scss > _settings.scss

For example: to change the "primary color" globally
project root > scss > _settings.scss
$primary-color: #myColorValue !default;

save file. If you have compass you should use compass watch to build your new css file. your new css file with your new "primary color" will be located in: project root > stylesheets > app.css

The variables are located in bower_components > foundation > scss > foundation > _global.scss t recommend altering this file...use it to find the variable names and make changes to the _settings.scss

Hope this helps you.

_settings scss_global scsssettingshow to

To change the global variables you will need to access the scss folder in your project root and modify _settings.scss: project root > scss > _settings.scss

For example: to change the "primary color" globally
project root > scss > _settings.scss
$primary-color: #myColorValue !default;

save file. If you have compass you should use compass watch to build your new css file. your new css file with your new "primary color" will be located in: project root > stylesheets > app.css

The variables are located in bower_components > foundation > scss > foundation > _global.scss t recommend altering this file...use it to find the variable names and make changes to the _settings.scss

Hope this helps you.

This post has been closed. No new replies can be added.