从 SASS 嵌套列表访问特定值

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

不要" "用于定义键。