scss: bússola, gruntjs e bower install foundation - caminho de importação
Então eu tenho a seguinte estrutura de diretórios criada pelo yeoman.
calvin % tree -L 2
.
├── Gruntfile.js
├── app
│ ├── 404.html
│ ├── bower_components
| | └── foundation
│ ├── favicon.ico
│ ├── index.html
│ ├── robots.txt
│ ├── scripts
│ ├── styles
| | ├── main.css
| | └── main.scss
│ └── views
├── bower.json
├── karma-e2e.conf.js
├── karma.conf.js
├── node_modules
│ ├── connect-livereload
│ ├── grunt
│ ├── grunt-concurrent
│ ├── grunt-contrib-clean
│ ├── grunt-contrib-coffee
│ ├── grunt-contrib-compass
│ ├── grunt-contrib-concat
│ ├── grunt-contrib-connect
│ ├── grunt-contrib-copy
│ ├── grunt-contrib-cssmin
│ ├── grunt-contrib-htmlmin
│ ├── grunt-contrib-imagemin
│ ├── grunt-contrib-jshint
│ ├── grunt-contrib-uglify
│ ├── grunt-contrib-watch
│ ├── grunt-google-cdn
│ ├── grunt-karma
│ ├── grunt-ngmin
│ ├── grunt-open
│ ├── grunt-rev
│ ├── grunt-usemin
│ └── matchdep
├── package.json
└── test
├── runner.html
└── spec
No meu diretório de estilos, eu tenho ummain.scss
arquivo que é assistido por bússola, conforme configurado no Gruntjs.
Depois de instalar a fundação, viabower install foundation
e meus arquivos de fundação são baixados para obower_components
diretório, como eu importo minhas classes de fundação emmain.scss
?
Isso não parece funcionar
@import "foundation";