title: How to import global SCSS file in a React/Redux project?
body: <p>I'm using <a href="https://github.com/davezuko/react-redux-starter-kit" rel="nofollow noreferrer"><code>react-redux-starter-kit</code></a> for my project. I want to know how it is possible to create a global SCSS file that when imported in <a href="https://github.com/davezuko/react-redux-starter-kit/blob/master/src/styles/_base.scss" rel="nofollow noreferrer"><code>_base.scss</code></a>, it will affect the whole project. I've tried to <code>@import</code> like in the examples within the file, but nothing works. Strangely, it seems to have worked with <code>@import './fonts/*'</code>;</p>
  
  <p>I have the following structure:</p>
  
  <blockquote>
    <p><code>styles/
    ----/components/
    --------/Dashboard
    --------/Home
    --------_default.scss
    ----/fonts/
    ----_base.scss
    ----core.scss</code></p>
  </blockquote>
  
  <p>And therefore, the <code>_base.scss</code> is like this:</p>
  
  <p><code>@import './components/_default'</code></p>
  
  <p>But it doesn't work. No errors are shown. I've tried also to create a <code>theme/default.scss</code>, just like the example in the commentary within the file, but also no effect.</p>