SCSS compiling error: expecting color

Question

有问题的实时页面：

http://a.nyaii.com

编译.scss文件时出错。我对 HTML/CSS 并不陌生，但是 .scss 对我来说是全新的，所以我不知道如何解决这个问题。非常感谢任何解决方案或提示。

此页面是使用 joomla 使用 Gantry 5 模板构建的。在我包含来自 MaterializeCSS 的 .scss 文件后，我收到此错误。

相关行是：

行触发错误发现在_variables.scss第2-3行

$primary-color: color("materialize-red", "lighten-2") !default;
$primary-color-light: lighten($primary-color, 15%) !default; 

函数颜色的定义在_color.scss第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;
  }

$colors 的定义 在 _color.css 行 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
);

$materialize-red 的定义在 _color.css 第 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,
);

以上代码可以在这里找到： 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

所有依赖都可以在这里找到 http://a.nyaii.com/templates/rt_ambrosia/custom/scss/components/

Answer 1

这是一个已知错误，因为 Gantry5 使用 sass 3.2 作为编译器，他们正在处理它。参见 https://github.com/gantry/gantry5/issues/1117