sass - Sass颜色变量在Darken()内部不起作用

我有颜色列表，我想像这样对它们使用darken（）：

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

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

但是我得到这个错误：


$ color：“＃FD5456”不是'darken'的颜色


我尝试插值nth（）部分，但这也没有帮助。

最佳答案

问题在于darken函数需要将颜色作为第一个参数，而您正尝试传递字符串。

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

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

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