css - SASS Map - map-get 不再支持插值？

Question

以前在 SCSS(版本 3.4.21)中，我可以使用变量插值从 map 中获取特定元素:

$colors: (
  color-1: #aaa,
  color-2: #bbb,
  color-3: #ccc
);

@mixin color($shade) {
  color: map-get($colors, #{color-}$shade );
}

.element {
  @include color(2); 
} 

编译为:

.element {
  color: #bbb;
}

Playground Link

在 sass 4(alpha)中，它不起作用(或者我搞砸了):

#{color-}$shade

它不允许我这样做。有没有这个被取出来的原因？

Answer 1

我认为你的语法有点倒退。

@mixin color($shade) {
  color: map-get($colors, gray-#{$shade} );
}