title: How can one import only variables and mixins from Sass stylesheets?
body: <p>I'm using the Zurb Foundation 4 (S)CSS framework, and I'm running into an issue of massively duplicated styles. This is because in every file that I <code>@import 'foundation'</code> in, all styles from Foundation are also imported (rules for <code>body</code>, <code>.row</code>, <code>.button</code> and friends). This leads to long SCSS compile times and a hard to navigate web developer console in Chrome, as all of Zurb's styles are declared four or five times. </p>
  
  <p>To mitigate this, I've created a <code>globals</code> scss file, which contains the overrideable variables that Foundation uses (it's copy-pasted from <code>foundation_and_overrides.scss</code>, then <code>foundation_and_overrides</code> import globals). Importing just the <code>globals.scss</code> file gets rid of duplication only in files that don't make use of Foundation mixins. </p>
  
  <p>It's in the files which make use of Foundation mixins: Can I import only the mixins from an SCSS file, without importing the concrete Foundation styles? </p>