SASS Map - 地图 - 不再支持插值？

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

在上海社会科学院4（阿尔法），它不工作（或我搞砸了东西）：

#{color-}$shade 

它不允许我这样做。这是否有原因被取出？

Answer 1

我认为你的语法只是有点落后。

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