sass - 无法使用函数返回我的 SCSS 映射的所有键名

Question

我有一张彩色地图，我只需要使用该函数返回这张地图的键。但我只能返回第一个键名。我尝试将所有键的名称称为部分颜色、树线颜色、表格标题颜色、表格单元颜色。但我不能。请帮我。

$base-color: (
        section-color: #506c89,
        tree-line-color: #737373,
        table-header-color: #2a3949,
        table-cell-color: #182028
);

@function color-map($key) {
  @each $key, $value in $base-color {
    @return $key;
  }
}

@debug color-map(tree-line-color);

标签： sassscss-mixins

Answer 1

SCSS 有两个内置函数来返回地图的键和值（作为列表）

map-keys($base-color)   // section-color, tree-line-color, table-header-color, table-cell-color
map-values($base-color) // #506c89, #737373, #2a3949, #182028