GetSimple Support Forum

Full Version: Foundation5 with sass/compass support
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Hello,

I made a clean responsive theme based on the Foundation 5.4.7 Framework.
It support scss stylesheets.

All the original Foundation scss-files are included, and removed the unnecessary directories.

Download: Foundation5-sass

Tutorial:
Unpack and upload the Foundation-theme to your theme-directory.

Install SASS and COMPASS. (For a tutorial howto install sass and compass: http://www.zingdesign.com/the-sass-and-c...beginners/)

In the terminal:
- Navigate to your theme-directory: ../theme/Foundation5-sass/ - type 'compass watch'

For edit the settings, navigate to and edit:
../Foundation5-sass/scss/_settings.scss

If you want customize stylesheets, navigate to and edit: ../Foundation5-sass/scss/app.scss

For more info how to customize the scss stylesheets: http://foundation.zurb.com/docs/sass-files.html

If you don't want edit scss stylsheets, I add a fallback stylesheet: ../Foundation5-sass/css/foundation.css

I hope it is useful Shy

Regards,
Christophe
(2014-12-06, 20:46:18)Hi Christophe,Thanks very much for doing this. The theme is just what I need.I have one issue and that is: Is there a way to selectively include foundation components?In the app.scss file, I tried uncommenting \@import' and "foundation/components/block-grid", "foundation/components/grid" but I get the compass error: Wrote: [ -> ]
Code:
error scss/app.scss (Line 41: Invalid CSS after "...ts/visibility";": expected file to import (string or url()), was "")

Is it looking for the foundation components or is there something else to configure?

Really appreciate your or anyone's advice.