Menu icon Foundation
Foundation 5 settings doesn't work (correctly)

Hello,

I'm having some issues with the latest version of Foundation. Whenever I make changes in the _settings.scss file, it won't override the CSS. For example, i've set my $row-width to 1200px, but it doesn't work.. Nothing happens. My "app.scss" is as follows:

@import "foundation/components/grid";
@import "foundation/components/block-grid";
@import "settings";

It gets compiled correctly, so that shouldn't be the issue..

Am I missing something?

Sorry for my bad english, not my native language..

Donny

settingsSassimports

Hello,

I'm having some issues with the latest version of Foundation. Whenever I make changes in the _settings.scss file, it won't override the CSS. For example, i've set my $row-width to 1200px, but it doesn't work.. Nothing happens. My "app.scss" is as follows:

@import "foundation/components/grid";
@import "foundation/components/block-grid";
@import "settings";

It gets compiled correctly, so that shouldn't be the issue..

Am I missing something?

Sorry for my bad english, not my native language..

Donny

Julian Ćwirko almost 6 years ago

@import "foundation/components/global"; ( <---- this is important )
@import "foundation/components/grid";
@import "foundation/components/block-grid";
@import "settings";

and

$row-width: rem-calc(1200);

Donny Oexman almost 6 years ago

Hi Julian,

Thanks. But it's still not working... I really don't get it.

Julian Ćwirko almost 6 years ago

@import "settings"; ( < --- settings on top, my oversight :) )
@import "foundation/components/global"; ( <---- this is important )
@import "foundation/components/grid";
@import "foundation/components/block-grid";

Donny Oexman almost 6 years ago

Thank you so much. This fixed the issue.

( For people getting the error "Undefined variable: $rem-base" whenever you try to use the rem-calc function - You have to uncomment "$rem-base: 16px;" in your _settings.scss. )

Emilio García almost 6 years ago

I'm very new using foundation with sass, learning, and also in trouble importing "foundation" and/or it's components. I'm testing, and my app.scss is:

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

body {
background-color: $body-bg;
color: $body-font-color;
font-size: $rem-base * 1.2;}

With the following error:
Sass::SyntaxError: File to import not found or unreadable: foundation.

If I //@import "foundation"; then it compiles correctly.
About importing components I've tested with this path: @import "foundation/components/grid"; with the same error, not found or unreadable.

So I guess my problem is related with estructure/path. How should I proceed? Need to manually copy any file from bower_components to scss folder or?