It uses Sass mixins http://foundation.zurb.com/docs/v/4.3.2/components/grid.html
you can find the Sass in the foundation subfolder
I was really hoping to not have to learn SASS just to change columns width. I’m diving in though; yet another app to learn.
I’ve installed Compass for Mac and Scout as my GUI interface. I load the spine/foundation/sass as my input directory, and create a temp output directory so I don’t overwrite my existing CSS.
Scout gives me an error:
error app.scss (Line 2 of _settings.scss: File to import not found or unreadable: foundation/foundation-global.
There’s no file by that name in Spine. I am guessing I need the Foundation SASS installed to work, but even there there’s no “foundation-global” file in Foundation 4.3.2.
I’ll try to compass on the command line. If you have suggestions I’d be thrilled.
So you’ll need to follow these instructions
http://foundation.zurb.com/docs/v/4.3.2/sass.html
Basically you are missing the foundation ruby gem
@slamorte – You may not even need to recompile the SCSS, depending on what you are trying to do.
Foundation 4 (and 5) use different names for column widths like “large-3” instead of three. The ones you mention above are from Foundation 3.
Here is a guide to the upgrade –
http://foundation3.zurb.com/migration.php
Thanks Summit. I had just come to that realization myself; the new Foundation uses different classes than I am used to. I was also confused because I found a template that did use the old classes, but wasn’t in use.
I still suspect I need to learn SASS soon. =)
It is even a little more confusing if you look at the innards of the front page template as it looks like Paul has continued to use the Foundation 3 names by adding a select few classes back in.
We normally delete the front page template and replace with one of our own.
If you do try to use SASS, consider the SCSS variant as it is a strict superset of CSS.
We also find the PrePros tool to be the easiest to setup. Saves the need for messing with the Ruby/Gems/etc. setup. Everythings is built in. It also will “watch” for changes in your SCSS file and automatically recompile. Optionally it can minify your CSS & JavaScript. There is a Mac version. Free version is probably sufficient.
Good Luck !
