Wie verwende ich Foundation 5 mit Compass + SASS?
Das Problem
Stiftung 5 wurde letzte Woche veröffentlicht, das ist toll, aber die neue Version muss verwendet werdenLaube für die Verwendung von F5 mit SASS und die offizielle Dokumentation scheint ein bisschen unvollständig und unausgereift zu sein.
Ich versuche, ein Projekt mit den in den Dokumenten vorgeschlagenen Schritten zu erstellen:
[sudo] npm install -g bower
und dann
gem install foundation
Keine Probleme hier. Das Problem ist beim Erstellen eines Compass-Projekts:
foundation new MY_PROJECT
cd MY_PROJECT
compass compile
Nach der Kompasskompilierung wird folgende Fehlermeldung angezeigt:
directory stylesheets/
error scss/app.scss (Line 1: File to import not found or unreadable: settings.
Load paths:
/home/cartucho/MY_PROJECT/scss
/var/lib/gems/1.9.1/gems/compass-0.12.2/frameworks/blueprint/stylesheets
/var/lib/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets
/home/cartucho/MY_PROJECT/bower_components/foundation/scss
Compass::SpriteImporter)
create stylesheets/app.css
Kompass Konfigurationsdatei (config.rb
):
# Require any additional compass plugins here.
add_import_path "bower_components/foundation/scss"
# Set this to the root of your project when deployed:
http_path = "/"
css_dir = "stylesheets"
sass_dir = "scss"
images_dir = "images"
javascripts_dir = "javascripts"
Die SASS-Datei (app.sass
):
@import "settings";
@import "foundation";
...
Das Problem scheint darin zu liegenconfig.rb
:
add_import_path "bower_components/foundation/scss"
weil Compass nicht versucht, die Dateien zu importierensettings
undfoundation
aber ich weiß nicht, wie ich das beheben soll. Jede Hilfe wird sehr geschätzt.
Vielen Dank.