title: How do I share variables between different imported files?
body: <p>I want to use SASS in a modular way. In the code segment below you can see a way I consider organizing some of the layouts of a page.</p>
  
  <p>What I have in mind is the <a href="https://stackoverflow.com/questions/1433204/what-are-extern-variables-in-c">external variables in languages like C</a>.</p>
  
  <pre><code>// file: some_page.scss  
  //   
  // I want some variables from the fonts, colors partials  
  // to be visible to the buttons partial  
  // Is it possible?   
  // error: _buttons.scss (Line X: Undefined variable: "$color_blue")
  
  @import "colors"  
  @import "fonts"  
  @import "buttons" 
  
  // in file: _colors.scss  
  $color_blue: blue;
  
  // in file: _buttons.scss  
  
  .button {
      background-color: $color_blue;
  }
  </code></pre>