Question

我遇到与此问题相同的问题：Sass color variable not working inside darken()

但是我和这个问题的海报之间的区别在于我已经将颜色用作颜色（而不是字符串）。

我的代码如下所示：

body {
  @each $name, $num, $color in ('ClassName1', '01', #f39c12) ('ClassName2', '02', ) {
    &.#{$name} {
      background-color: darken($color, 10%);
      background-image: url('img/bg-#{$num}');
    }
  }
}

当然我已经删除了不必要的东西。我仍然收到此错误：

Error: argument `$color` of `darken($color, $amount)` must be a color

我遇到了与rgba相同的问题：

Error: argument `$color` of `rgba($color, $alpha)` must be a color

编辑：现在我看到我得到这个问题不是因为我的代码有任何问题......我只是忘了在第二个数组中放置任何颜色...... @each $name, $num, $color in ('ClassName1', '01', #f39c12) ('ClassName2', '02', #FORGOT-THIS)

Answer 1

安装4.0.0-alpha.6版本的引导程序。它应该可以解决问题。

npm install bootstrap@4.0.0-alpha.6

您将使用4.0.0+版本的引导程序

我已使用它，它对我有用，如果仍然不适合您，请分享您的错误详细信息。：）

错误：参数`$ color`的`darken（$ color，$ amount）`必须是一种颜色

1 个答案: