$lightShades is not defined in app.scss about vue-calculator-pwa HOT 3 OPEN

I did add a vue.config.js with content below, but that didn't seem to solve it. Might be an issue with my set up as I'm getting up to speed with this, but couldn't see anything in project that would automatically load the common _colors.scss file

module.exports = {
    css: {
      loaderOptions: {
        scss: {
          data: `@import "@/assets/globalstyles/_colors.scss";`
        }
      }
    }
  };

from vue-calculator-pwa.

I'm getting the exact same issue. Can't use the color vars.

from vue-calculator-pwa.

I had to add @import "../globalStyles/_colors.scss"; on top of InputForm.scss and Panel.scss

Then went to build/utils.js to the cssLoader section and removed the options senction:

    options: {
      minimize: process.env.NODE_ENV === 'production',
      sourceMap: options.sourceMap
    }

and it finally worked for me.

from vue-calculator-pwa.