Sass 颜色变量在 darken() 中不起作用

Question

我有颜色列表，我想像这样对它们使用 darken():

$innerPagesBgColors: "#6B46C1", "#2980B9", "#FD5456", "#000";

.foo {
    color: darken(nth($innerPagesBgColors, 3), 5%);
}

但是我得到这个错误:

$color: "#FD5456" is not a color for `darken'

我尝试插入第 nth() 部分，但这也没有帮助。

Answer 1

问题是 darken 函数需要一个颜色作为第一个参数，而您试图传递一个字符串。

type-of(#6B46C1); // returns color
type-of("#6B46C1"); // returns string

因此您应该删除 $innerPagesBgColors 中的所有引号:

$innerPagesBgColors: #6B46C1, #2980B9, #FD5456, #000;