Question

我为我想要使用的颜色设置了变量，比如说：

$navy:           #001F3F;
$blue:           #0074D9;
$aqua:           #7FDBFF;
$teal:           #39CCCC;

有没有像我下面那样定义列表的方法，然后对该列表中的所有变量使用函数。

$colors:
  ($navy)($blue)($aqua)($teal);

即。一次变暗所有颜色并通过做类似的事情将它们放入新的列表中？

$colors-dark:
  @each $color in $colors {
    $#{$color}-dark: darken($color, 10);
  };

然后我能够，每当我有一个元素，即一个按钮，我可能想要为每种颜色的子类作为背景选项：

@each $color in $colors-dark {
  .btn.#{$color} {
    backgound-color:$color;
  }
}

这样可以节省时间，而不是一次变暗或减轻所有颜色。

很抱歉，如果我的问题写得很糟糕，我刚开始接受多年的普通css后，我仍然不确定sass如何工作以及它的局限性。

最好的问候。

Answer 1

您无法使用{localhost}:{port}/kie-server/docs定义列表，也无法使用插值创建新的列表/变量@each。

您name使用插值创建地图can并获得所需的结果。

values