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

Question

以前在SCSS（版本3.4.21）中，我可以使用变量插值从地图中获取特定项目：

$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} );
}