title: Global SASS variables in reactjs app
body: <p>Im currently learning reactjs and Ive just added SASS to my project. However, I want to create a single file that stores all my variables and mixins globally that can then be used by any other scss file in my project. How is this possible without having to manually import the file into every scss file that i make?</p>
  
  <p>My folder structure:</p>
  
  <p>/src
      assets/
          images/</p>
  
  <pre><code>components/
      app/
          app.js
          app.scss
  
  styles/
      scss/
          main.scss
          _var.scss
          _mixins.scss
          _typography.scss
  
  index.css
  index.js
  </code></pre>