Question

我有以下sass变量：

$color-config:(     "white":    #FFF, 
                    "black":    #303133
);

我希望在不进行循环的情况下访问“黑色”值（＃303133）。这样的事情：

body
    color: $color-config("black")

（我知道，它完全错了，只是为了解释我想要的东西）

Answer 1

您可以使用SASS的地图将元素存储在变量中。然后使用map-get()函数访问它：

$color-config:(
    white: #FFF, 
    black:    #303133
);


content: map-get($color-config, white); // will return #FFF

请勿使用" "来定义密钥。

Answer 2


$color-config:(
    'white': #FFF, //quotes are important
    'black':    #303133
);

@function colors($value) {
  @return map-get($color-config, $value)
}

.white-font {
color: colors('white')
}

从SASS嵌套列表中访问特定值

2 个答案: