I'm trying to build my first Foundation 5 project, and am new to CSS frameworks. I've successfully created a Sass project using the Foundation CLI, and when I hit index.html in the browser it all looks fine with Foundation 5 styling.
My /scss folder has 2 files, _settings.scss and app.scss which is simply
@import "settings";
@import "foundation";
This is the order recommended on ZURB forums. At this point, I thought you could start amending _settings.scss to customise things, but every time I uncomment a line in the file I get
error scss/app.scss (Line 47 of scss/_settings.scss: Undefined variable: "$font-weight-normal".)
type warnings from Compass. Why are the global variables undefined?
From the docs, these basic Sass variables are held in the _global.scss partial. I've checked my project and they are indeed defined there - so why do we
@import "settings";
before we
@import "foundation";
?? Any help with getting up and running greatly appreciated. I've not touched any of the Foundation files held in bower_components, just trying to amend _settings.scss in the /scss directory (which seems to be what you are supposed to do.)
