创建修改先前值的地图值

Question

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

account.getFamilyName()

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

Answer 1

您必须先创建地图，然后才能访问其任何值。换句话说，您需要一个额外的步骤（使用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%)
));