在变暗的情况下,Sass颜色变量不起作用()

Question

我有颜色列表,我想对它们使用darken(),如下所示:

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

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

但我得到这个错误:

$ color:"#FD5456"不是'darken'的颜色

我尝试插入第n()部分,但这也没有帮助.

Answer 1

问题是,变暗函数需要将颜色作为第一个参数,而是尝试传递字符串.

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

所以你应该删除所有引号$innerPagesBgColors:

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