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