I’m getting this SASS compiler error which I don’t understand :
Change Detected...
_variables.scss
--------------------
Compiling Sass/Scss Files:
e:\Projects\codingBlocks_materialize\materialize-src\sass\main.scss
e:\Projects\codingBlocks_materialize\materialize-src\sass\materialize.scss
--------------------
Compilation Error
Error: argument `$color` of `transparentize($color, $amount)` must be a color
on line 50 of sass/e:\Projects\codingBlocks_materialize\materialize-src\sass\components\_tabs.scss, in function `transparentize`
from line 50 of sass/e:\Projects\codingBlocks_materialize\materialize-src\sass\components\_tabs.scss
from line 23 of sass/e:\Projects\codingBlocks_materialize\materialize-src\sass\materialize.scss
from line 1 of sass/e:\Projects\codingBlocks_materialize\materialize-src\sass\main.scss
>> background-color: transparentize($tabs-underline-color, .8);
--------------------------^
--------------------
Compilation Error
Error: argument `$color` of `transparentize($color, $amount)` must be a color
on line 50 of sass/e:\Projects\codingBlocks_materialize\materialize-src\sass\components\_tabs.scss, in function `transparentize`
from line 50 of sass/e:\Projects\codingBlocks_materialize\materialize-src\sass\components\_tabs.scss
from line 23 of sass/e:\Projects\codingBlocks_materialize\materialize-src\sass\materialize.scss
>> background-color: transparentize($tabs-underline-color, .8);
--------------------------^
--------------------
Watching...
--------------------
And all I havd done was to change some default color in materialize CSS library.
Here’s before :
// $primary-color: color("blue","base") !default;
// $primary-color-light: lighten($primary-color, 15%) !default;
// $primary-color-dark: darken($primary-color, 15%) !default;
// $secondary-color: color("lime","base") !default;
// $success-color: color("green", "base") !default;
// $error-color: color("red", "base") !default;
// $link-color: color("light-blue", "darken-1") !default;
Here’s after
$primary-color: ("teal","base") !default;
$primary-color-light: ("teal","lighten-3")!default;
$primary-color-dark: ("teal","darken-2") !default;
$secondary-color: color("lime","base") !default;
$success-color: color("green", "base") !default;
$error-color: color("red", "base") !default;
$link-color: color("light-blue", "darken-1") !default;
I thought I didn’t change much but from the error it gave me I think it cannot compile tabs underline color?