css - 使用 map-get 输出 sass 添加字符串/数字

Question

我正在尝试90使用 map-get 输出添加一个值。

我尝试简单地添加90为字符串，假设 map-get 输出为白色，#ffffff.

color: map-get(map-get($valuemap, $key), color)+"90";

Dart sass 将其编译为无效属性，"#ffffff90"

我怎样才能从"#fff90"到#fff90？

标签： csssass

Answer 1

事实证明，您可以""在 sass 中使用 #{} 简单地获取引号内的值。

改变了这个

color: map-get(map-get($valuemap, $key), color)+"90";

到

color: map-get(map-get($valuemap, $key), color)+#{"90"};

Dart sass 将编译#ffffff + #{"90"}成有效的输出，#ffffff90