Failure to Compile

[ghost]

Version

1.1.0

Reproduction link

https://www.creative-tim.com/product/argon-design-system-react

Operating System

Windows 10

Device

Does not matter

Browser & Version

Does not matter

Steps to reproduce

 1. Yarn Install

 2. Yarn Start

The reason why I'm using Yarn is because if I use npm install it will throw tons of errors (I have GYP installed etc), installed node-sass, same thing, upgraded all dependencies, same thing, but with Yarn, it installs with no errors... I don't get why that is. Either way, the following error still happens. This is from a fresh download of argon, nothing changed.

What is expected?

The product should compile and start.

What is actually happening?

Failed to Compile.

Solution

Just replace the whole package.json file with:

Failed to compile.

./src/assets/scss/argon-design-system-react.scss?v1.1.0 (./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/assets/scss/argon-design-system-react.scss?v1.1.0)
SassError: argument `$color` of `rgba($color, $alpha)` must be a color
       on line 451 of src/assets/scss/argon-design-system/variables.scss, in function `rgba`
       from line 451 of src/assets/scss/argon-design-system/variables.scss
       from line 23 of src/assets/scss/argon-design-system-react.scss
>> $input-btn-focus-color:       rgba($component-active-bg, 1);

  ------------------------------^

[github-actions]

@sptz this issue was automatically closed because it did not follow our rules:

IMPORTANT: Please use the following link to create a new issue:

https://www.creative-tim.com/new-issue/argon-design-system-react

**If your issue was not created using the app above, it will be closed immediately.**



Love Creative Tim? Do you need Angular, React, Vuejs or HTML? You can visit:
👉  https://www.creative-tim.com/bundles
👉  https://www.creative-tim.com