title: How to use Foundation 5 with Compass+SASS?
body: <p><strong>The problem</strong> </p>
  
  <p><a href="http://foundation.zurb.com/" rel="noreferrer">Foundation 5</a> was released last week, that's great, but the new version requires to use <a href="http://bower.io/" rel="noreferrer">bower</a> for using F5 with SASS and the official documentation seems to be a bit incomplete and immature. </p>
  
  <p>I'm trying to create a project using the steps proposed by the docs:</p>
  
  <pre><code>[sudo] npm install -g bower
  </code></pre>
  
  <p>and then</p>
  
  <pre><code>gem install foundation
  </code></pre>
  
  <p>No problems here. The problem is when creating a Compass project:</p>
  
  <pre><code>foundation new MY_PROJECT
  cd MY_PROJECT
  compass compile
  </code></pre>
  
  <p>After Compass compilation, I get the following error:</p>
  
  <pre><code>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 
  </code></pre>
  
  <p><strong>Compass config file (<code>config.rb</code>):</strong></p>
  
  <pre><code># 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"
  </code></pre>
  
  <p><strong>The SASS file (<code>app.sass</code>):</strong></p>
  
  <pre><code>@import "settings";
  @import "foundation";
  ...
  </code></pre>
  
  <p>The problem seems to be in <code>config.rb</code>:</p>
  
  <pre><code>add_import_path "bower_components/foundation/scss"
  </code></pre>
  
  <p>because Compass fail trying to import the files <code>settings</code> and <code>foundation</code> but I don't know how to fix it. Any help will be highly appreciated.</p>
  
  <p>Thanks.</p>