Live page in question:
There is an error when .scss file is being compiled. I'm not unfamiliar with HTML/CSS, but .scss is totally new to me, so I have no clue how to fix this. Any solutions or hints are greatly appreciated.
This page is built with Gantry 5 template using joomla. After I include .scss files from MaterializeCSS I get this error.
Related lines are:
line triggering error Found in _variables.scss line 2-3
$primary-color: color("materialize-red", "lighten-2") !default;
$primary-color-light: lighten($primary-color, 15%) !default;
definition of function color Found in _color.scss line 402
@function color($color, $type) {
@if map-has-key($colors, $color) {
$curr_color: map-get($colors, $color);
@if map-has-key($curr_color, $type) {
@return map-get($curr_color, $type);
}
}
@warn "Unknown `#{name}` in $colors.";
@return null;
}
definition of $colors Found in _color.css line 340
$colors: (
"materialize-red": $materialize-red,
"red": $red,
"pink": $pink,
"purple": $purple,
"deep-purple": $deep-purple,
"indigo": $indigo,
"blue": $blue,
"light-blue": $light-blue,
"cyan": $cyan,
"teal": $teal,
"green": $green,
"light-green": $light-green,
"lime": $lime,
"yellow": $yellow,
"amber": $amber,
"orange": $orange,
"deep-orange": $deep-orange,
"brown": $brown,
"blue-grey": $blue-grey,
"grey": $grey,
"shades": $shades
);
definition of $materialize-red Found in _color.css line 10
$materialize-red: (
"lighten-5": #fdeaeb,
"lighten-4": #f8c1c3,
"lighten-3": #f3989b,
"lighten-2": #ee6e73,
"lighten-1": #ea454b,
"base": #e51c23,
"darken-1": #d0181e,
"darken-2": #b9151b,
"darken-3": #a21318,
"darken-4": #8b1014,
);
Above codes can be found here: http://a.nyaii.com/templates/rt_antares/custom/scss/materialize.scss http://a.nyaii.com/templates/rt_antares/custom/scss/components/_variables.scss http://a.nyaii.com/templates/rt_antares/custom/scss/components/_color.scss
All dependencies can be found here http://a.nyaii.com/templates/rt_ambrosia/custom/scss/components/