title: Broccoli.js and Ember-CLI : trying to get SCSS compiler to work
body: <p>I'm trying to use Foundation with an Ember-CLI app and I want to compile all the SCSS with broccoli-scss. For the life of me I cant get it to work.</p>
  
  <p>I have Foundation in my bower components so heres what I've tried, modled off of the <a href="https://github.com/broccolijs/broccoli-sample-app/blob/master/Brocfile.js" rel="nofollow">broccoli sample app</a>:</p>
  
  <pre><code>// Brocfile.js
  var EmberApp = require('ember-cli/lib/broccoli/ember-app');
  var pickFiles = require('broccoli-static-compiler')
  var compileSass = require('broccoli-sass');
  
  var app = new EmberApp();
  
  var styles = 'styles'
  styles = pickFiles(styles, {
    srcDir: './bower_components/foundation/scss',
    destDir: './app/styles'
  });
  
  var appsScss = compileSass([styles], './app/styles/app.scss', './app/styles/app.css');
  
  module.exports = app.toTree();
  </code></pre>
  
  <p>And...</p>
  
  <pre><code>// app/styles/app.scss
  @import "../../bower_components/foundation/scss/normalize";
  @import "../../bower_components/foundation/scss/foundation.scss";
  </code></pre>
  
  <p>I'n the browser I'm only getting about 800 lines of compiled CSS, where the standard <code>foundation.css</code> is about 4.4k lines long. So something is obviously wrong.</p>
  
  <p>Thanks</p>