title: Use Compass mixins in Brunch
body: <p>I`m trying to use the <a href="https://github.com/Igosuki/compass-mixins" rel="nofollow">Compass-mixins</a> plugin from git and compile with Brunch.</p>
  
  <p>Problem is I cant use the mixins inside my main.scss. I have to import the the compass.scss for example but that makes compile time more than 2000ms, compared to 100ms. 
  I`m sure there is another better way, that doesnt compile all the SCSS from compass or bourbon every time i change my main.scss. Here is my structure and config:</p>
  
  <pre><code>exports.config =
    # See http://brunch.io/#documentation for docs.
    modules:
      definition: false
      wrapper: false
  
    sourceMaps: false
  
    optimize: false
  
    files:
      javascripts:
        joinTo:
          'js/app.js' : /^app/
          'js/vendor.js' : /^(vendor|bower_components)/
        order:
          before: [
            'bower_components/jquery/jquery.js'
          ]
  
      stylesheets:
        joinTo:
          'css/app.css' : /^(app|bower_components)/
        order:
          before: [
           'app/styles/_settings.scss'
          ]
    plugins:
      sass:
       debug: false
        options:
          includePaths: [
            'bower_components/foundation/scss',
            'bower_components/compass-mixins/lib/compass'
          ]
  </code></pre>
  
  <p>My app structure is
  App
  -styles
  -styles/_settings.scss (for foundation)
  -styles/main.scss
  In If i include the compass in main works really slow. If I dont, it says the mixins i try to use are undefined.</p>
  
  <p><strong>Edit 1</strong> </p>
  
  <p>Today I tested with bourbon and all works lightning fast. There seems to be a problem with compass-mixin its self.</p>