title: Can I use variables across SCSS files?
body: <p>I'm using different 'SCSS variables files' (bootstrap variables, company variables, project variables) so it's easy to re-use them in other projects. But it seems I can't use variables across files.</p>
  
  <p>Example:</p>
  
  <ul>
  <li>In <code>company-variables.scss</code> I declared <code>$white: #fff;</code></li>
  <li>In <code>project-variables.scss</code> I want to reuse the above variable like this <code>$body-color: darken($white, 20%);</code></li>
  <li>I get the following error: <code>Undefined variables: "$white". $body-color: darken($white, 20%);</code></li>
  </ul>
  
  <p>I load my files like this:</p>
  
  <pre><code>@import "bootstrap-variables";
  @import "company-variables";
  @import "project-variables";
  </code></pre>
  
  <p>Paths are correct.</p>
  
  <p>I'm pretty new to SCSS. Any idea what I'm doing wrong or is this not possible/not the way to go?</p>