title: Change SCSS variables from other files
body: <p>My ultimate goal is to make one template file which i can modify for different pages.
  My approach was to create a <code>template.scss</code> and a <code>modifier.scss</code></p>
  
  <p>in <code>template.scss</code> I set  </p>
  
  <pre><code>$background: green; 
  background: $background  
  </code></pre>
  
  <p>in <code>modifier.scss</code> I set   </p>
  
  <pre><code>@import 'template';
  $background: red;
  </code></pre>
  
  <p>and expect the background to change, however nothing happens.<br>
  obviously this is the wrong approach, how should i do it?</p>