Sass - 列出地图

Question

我需要你的帮助...我正在学习使用 sass 列表映射...我有一个包含键值对的列表映射，用于列出十六进制颜色代码。我想将这些十六进制代码用于另一个列表映射，其中我有不同的 lighten() 和 darken() 函数来计算阴影。 基本上，如果在第一个列表图中我有

$flat-colors: (
  lizard : ‪#‎16a085‬
);

在第二个列表地图中我有

$palettes: (
  meadow: (
    xtra-light : lighten(lizard, 60%),
    light : lighten(lizard, 40%),
    mid-light : lighten(lizard, 20%),
    base : lizard,
    mid-dark : darken(lizard, 20%),
    dark : darken(lizard, 40%),
    xtra-dark : darken(lizard, 60%),
  )
);

我有一个函数可以返回默认为“base”的阴影...

@function palette($palette, $tone: 'base') {
  @return map-get(map-get($palettes, $palette), $tone);
}

这会引发这个错误： $color: "lizard" 不是 `lighten' 的颜色 我做错了什么？

Answer 1

正是它所说的：（字符串）蜥蜴不是一种颜色。要在映射中引用颜色，您需要使用 map-get：

$palettes: (
  meadow: (
    xtra-light : lighten(map-get($flat-colors, lizard), 60%)
    // etc
  )
);