-
Replies
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
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?
@import "foundation/components/global"; ( <---- this is important )
@import "foundation/components/grid";
@import "foundation/components/block-grid";
@import "settings";
and
$row-width: rem-calc(1200);