Menu icon Foundation
$column-gutter not responding

Hi,
I need to change the gutter value for my grid in an already working project (So, I can't just download a new one customized)...
I've tried to modify the $column-gutter: rem-calc(30); default value on the _settings.scss file to $column-gutter: rem-calc(16); but nothing changes (of course I've already uncomment the line and re compile the file)

The code rendered by the browser still looks like the default value of 1.85em gutter (
padding-left: 0.9375rem;
padding-right: 0.9375rem;
)

Any ideas ?
Thanks

guttercolumngrid

Hi,
I need to change the gutter value for my grid in an already working project (So, I can't just download a new one customized)...
I've tried to modify the $column-gutter: rem-calc(30); default value on the _settings.scss file to $column-gutter: rem-calc(16); but nothing changes (of course I've already uncomment the line and re compile the file)

The code rendered by the browser still looks like the default value of 1.85em gutter (
padding-left: 0.9375rem;
padding-right: 0.9375rem;
)

Any ideas ?
Thanks

Rafi Benkual almost 5 years ago

Are you importing foundation and settings?

@import "settings";
@import "foundation";

Rodrigo almost 5 years ago

Hi, yes

I have setup this correctly as far as I know, as I mentioned it's an already running project, so everything else works fine, I can re compile sass correctly, etc

Inside the _settings.scss of foundation I call

// Allows the use of rem-calc() or lower-bound() in your settings
@import "../bower_components/foundation/scss/foundation/_functions";

And from foundation I'm using this components

// Behold, here are all the Foundation components.
@import
"../bower_components/foundation/scss/foundation/components/grid",
"../bower_components/foundation/scss/foundation/components/block-grid",
"../bower_components/foundation/scss/foundation/components/buttons",
"../bower_components/foundation/scss/foundation/components/visibility",
"../bower_components/foundation/scss/foundation/components/panels",
"../bower_components/foundation/scss/foundation/components/offcanvas",
"../bower_components/foundation/scss/foundation/components/forms",
"../bower_components/foundation/scss/foundation/components/breadcrumbs",
"../bower_components/foundation/scss/foundation/components/reveal";