Попытка настроить Materialize css выдает ошибку

Я пытаюсь добавить новую цветовую палитру к материалу sass http://materializecss.com/color.html.

Я скопировал то, что видел в их файлах sass, с несколькими новыми переменными, но это не работает.

в _color.scss я добавил

$my-blue: (
    "base": #0069B1,
);

в _variables.scss я добавил

$my-primary-blue: color("my-blue", "base") !default;

затем я изменил строку в _variables.scss, чтобы использовать мой новый цвет

из:

$button-background-focus: lighten($secondary-color, 4%) !default;

к

$button-raised-background-hover: lighten($my-primary-blue, 5%) !default;

Затем я получаю сообщение об ошибке при компиляции

>> Error: argument `$color` of `lighten($color, $amount)` must be a color
Оптимизируйте свой CSS с помощью Gerillass: Библиотека Sass для эффективной стилизации
Оптимизируйте свой CSS с помощью Gerillass: Библиотека Sass для эффективной стилизации
Если вы планируете стать веб-разработчиком, вы наверняка слышали о CSS - языке, используемом для стилизации HTML-документов. CSS является неотъемлемой...
0
0
185
1

Ответы 1

Разобрался, нужно добавить к другой цветовой переменной позже.

$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,
  "my-blue": $my-blue,
) !default;

Другие вопросы по теме