title: Several CSS output with grunt-contrib-compass
body: <p>I'm using <code>grunt-contrib-compass</code> to process my SCSS files into a single CSS file. Basically, compass considers all the SCSS files matching <code>app/styles/**/*.scss</code> and compile them into <code>.tmp/styles/main.css</code>.</p>
  
  <p>I would like to split this behavior into :</p>
  
  <ol>
  <li><code>app/styles/specific/**/*.scss</code>  to  <code>.tmp/styles/specific.css</code></li>
  <li><code>app/styles/**/*.scss</code>  to  <code>.tmp/styles/main.css</code> (ignoring <code>specific</code>)</li>
  </ol>
  
  <p>However, I have no idea how to configure grunt regarding my configuration file which is quite simple :</p>
  
  <pre><code>options: {
      sassDir: '&lt;%= yeoman.app %&gt;/styles',
      cssDir: '.tmp/styles',
      imagesDir: '&lt;%= yeoman.app %&gt;/images',
      javascriptsDir: '&lt;%= yeoman.app %&gt;/scripts',
      fontsDir: '&lt;%= yeoman.app %&gt;/styles/fonts',
      importPath: '&lt;%= yeoman.app %&gt;/bower_components',
      relativeAssets: true
  }
  </code></pre>
  
  <p>I couldn't figure out any solution especially since the compass documentation states that <code>cssDir</code> and <code>sassDir</code> only allows string as a parameter. Does this has to be done in an other task?</p>