title: Multiple themes using SASS
body: <p>I have a SASS built site, and I'd like to create a second color option for that site keeping the SASS code as DRY as possible.</p>
  
  <p>One thought I had that partly works (and is here for clarity sake) is the following:</p>
  
  <pre><code>// regular theme (black)
  @import "settings";
  @import "styles";
  
  // white theme
  .white {
      @import "white_settings";
      @import "styles";
  }
  </code></pre>
  
  <p>The above works for simple <code>_styles.scss</code> files, but when I try to use the same approach with Foundation <code>@import "foundation"</code>, it only wraps some of the styles that in included in Foundation.</p>
  
  <p>So my question is, is there any way to extend the styles I already have with a wrapping class (that would be set on the body tag) that would allow me to easily switch the color theme of the site without repeating the entire collection of SASS rules?</p>
  
  <p>Optimal solution would also not repeat non-changed CSS properties like margin and padding, and only change the colors (which would be the only portion that would be different, and those are set in the settings).</p>