Como usar o Foundation 5 com Compass + SASS?
O problema
Fundação 5 foi lançado na semana passada, isso é ótimo, mas a nova versão requer usarpavilhão por usar F5 com SASS e a documentação oficial parece ser um pouco incompleta e imatura.
Estou tentando criar um projeto usando as etapas propostas pelos documentos:
[sudo] npm install -g bower
e depois
gem install foundation
Nenhum problema aqui. O problema é quando se cria um projeto Compass:
foundation new MY_PROJECT
cd MY_PROJECT
compass compile
Após a compilação Compass, recebo o seguinte erro:
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
Arquivo de configuração da bússola (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"
O arquivo SASS (app.sass
):
@import "settings";
@import "foundation";
...
O problema parece estar emconfig.rb
:
add_import_path "bower_components/foundation/scss"
porque o Compass falha ao tentar importar os arquivossettings
efoundation
mas eu não sei como consertar isso. Qualquer ajuda será muito apreciada.
Obrigado.