Menu icon Foundation
Make changes on _settings.scss

Hi!
Can anybody help me out on this:

i'm trying to make changes on the _settings.scss file inside the scss root-map that overrides the _settings.scss file inside the bower_components map.

_settings.scss in the scss root-map looks now like this:

---------------------------------------------
//
// FOUNDATION SETTINGS
//
$topbar-bg-color: #ff0000;
---------------------------------------------

but nothing changes, topbar is still black..

i also tried uncomment //$topbar-bg-color: #333; in the _settings.scss file inside the bower_components map and make the same changes, no effect either.

changes made in the main.css work fine.

Do i have to change or import something somewhere else too?
I did not install or activate anything on Node, Sass, compass or bower.

I have a local installation of a boilerplate, made by Chris: http://www.concrete5.org/community/forums/themes/concrete5foundation-5-boilerplate/#595995

Kind regards, Mieke

_setting.scss

Hi!
Can anybody help me out on this:

i'm trying to make changes on the _settings.scss file inside the scss root-map that overrides the _settings.scss file inside the bower_components map.

_settings.scss in the scss root-map looks now like this:

---------------------------------------------
//
// FOUNDATION SETTINGS
//
$topbar-bg-color: #ff0000;
---------------------------------------------

but nothing changes, topbar is still black..

i also tried uncomment //$topbar-bg-color: #333; in the _settings.scss file inside the bower_components map and make the same changes, no effect either.

changes made in the main.css work fine.

Do i have to change or import something somewhere else too?
I did not install or activate anything on Node, Sass, compass or bower.

I have a local installation of a boilerplate, made by Chris: http://www.concrete5.org/community/forums/themes/concrete5foundation-5-boilerplate/#595995

Kind regards, Mieke

Joel Dezenzio over 5 years ago

In foundation.scss add:

@import 'foundation/settings';

The @import directive applies to partials "_somefile.scss".

In my setup for instance I pulled out small features like colors.

So I have:

foundation.scss
foundation
-- _colors.scss
-- _settings.scss
-- _functions.scss

In _settings.scss I have

@import 'colors';

Then make your changes in settings and everything should work fine.