title: NuxtJS cant load multiple CSS sheets with variables
body: <p>I am attempting to build a blog using <a href="https://nuxtjs.org/" rel="nofollow noreferrer">NuxtJS</a>. My repo is <a href="https://github.com/KyleTryon/vidfire" rel="nofollow noreferrer">here</a>. I listed my problem as an issue on the Nuxt repo as well <a href="https://github.com/nuxt/nuxt.js/issues/2067" rel="nofollow noreferrer">here</a>.</p>
  
  <p>Essentially the problem is this. In my config file I load in my style sheets.</p>
  
  <pre><code> css: [
      '~./css/reset.css',
      '~./css/vars.css',
      '~./css/global.css',
      '~./css/ui.css'
    ],
  </code></pre>
  
  <p>The problem seems to be that variables defined in one sheet can not be accessed by another. The variables defined in vars.css to not exist for global or ui.css</p>
  
  <p>But what's even more strange but probably should be ignored, for now, it seems like just box-shadow seems to actually work. Every other variable doesn't.</p>