title: scss: compass, gruntjs and bower install foundation - import path
body: <p>So I have the following directory structure created by yeoman.</p>
  
  <pre><code>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
  </code></pre>
  
  <p>In my styles directory, I have a <code>main.scss</code> file which is watched by compass, as configured in Gruntjs.</p>
  
  <p>After I have installed foundation, via <code>bower install foundation</code> and my foundation files get downloaded into the <code>bower_components</code> directory, how do I import my foundation classes in <code>main.scss</code> ?</p>
  
  <p>This doesn't seem to work</p>
  
  <pre><code>@import "foundation";
  </code></pre>