创建修改先前值的地图值

Posted 2021-05-04

在SCSS中，我有这张颜色图：

$color-map: (
  'b': #000,
  'f': orange,
  's': darken(#{f}, 50%), //not working, any ideas?
);

这只是我的SCSS代码的一小部分。我希望能够以编程方式使'f'的值变暗。任何想法我如何调整代码工作？ （它目前抛出错误）。

答案

您必须先创建地图，然后才能访问其任何值。换句话说，你需要一个额外的步骤（使用map-merge）来完成这项工作：

// Initialize the map
$color-map: (
  'b': #000,
  'f': orange
);

// Add new color based on existing color
$color-map: map-merge($color-map, (
  's': darken(map-get($color-map, 'f'), 25%)
));