¿Cómo utilizar Foundation 5 con Compass + SASS?
El problema
Fundación 5 fue lanzado la semana pasada, eso es genial, pero la nueva versión requiere para usarcenador por usar F5 con SASS y la documentación oficial parece estar un poco incompleta e inmadura.
Estoy tratando de crear un proyecto siguiendo los pasos propuestos por los documentos:
[sudo] npm install -g bower
y entonces
gem install foundation
No hay problemas aquí. El problema es al crear un proyecto Compass:
foundation new MY_PROJECT
cd MY_PROJECT
compass compile
Después de la compilación de Compass, obtengo el siguiente error:
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
Archivo de configuración de compás (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"
El archivo SASS (app.sass
):
@import "settings";
@import "foundation";
...
El problema parece estar enconfig.rb
:
add_import_path "bower_components/foundation/scss"
Porque Compass falla al intentar importar los archivossettings
yfoundation
Pero no sé cómo arreglarlo. Cualquier ayuda será muy apreciada.
Gracias.