title: Configuring zurb foundation-sass with compass - how do you get it working and use it in a project?
body: <p>I'm new to sass and zurb foundation (I've used bootstrap/less via codekit in the past) and have been trying to use the sass version <code>foundation-sass</code> but can't successfully get it configured - either via the command line using zurb's gem or by using codekit.</p>
  
  <p><strong>If I configure the gem:</strong></p>
  
  <ol>
  <li><p>Foundation works as long as I load all the foundation components via <code>@import "ZURB-foundation";</code></p></li>
  <li><p>But if I try to load components separately by uncommenting <code>@import "zurb/buttons";</code> I see errors: <code>"Undefined variable: "$default-color"</code> - but where do the variables and mixin files live?</p></li>
  <li><p>Also, where do the foundation scss files live so you can customize the design without having to override everything using apps.scss?</p></li>
  </ol>
  
  <p><strong>If I take another route and try to use the mac application codekit:</strong></p>
  
  <ol>
  <li>I get errors that the /zurb/ directory doesn't exist (which it doesn't) - this seems to be related to point 3 above - when you create a new compass-foundation project, none of the foundation files seem to live in your project folder.</li>
  </ol>
  
  <p><strong>If I then download foundation-sass via github:</strong> </p>
  
  <ol>
  <li><p>All the files are in sass format rather than scss</p></li>
  <li><p>And although you can modify compass mixins as you call them, how do you modify foundation's stylesheet files without modifying their originals - or are you supposed to edit their files?</p></li>
  </ol>
  
  <p>I haven't found any information I understand on how everything is supposed to fit together so was hoping someone here might know.</p>
  
  <p>I'm not using this with a ruby project btw - just trying to set things up purely for front-end work.</p>
  
  <p>Any help would be much appreciated.</p>
  
  <p>Cheers</p>
  
  <p>Ben</p>