萨斯@each可变内插[复制](Sass @each variable interpolation

这个问题已经在这里有一个答案：

• 创建或萨斯动态引用变量 5个回答

在我最新的网站，我试图让一个巨大的努力，用无礼的功能，使我的生活更轻松。

我写一些简单的错误框的样式，并认为使用每个将简化他们一点。

我有以下几点：

$消息框类型：错误成功正常

@each $type in $message-box-types
  %#{$type}-box
    @extend %message-box
    border-color: $message-#{$type}
    color: $message-#{$type}
    background-color: lighten($message-#{$type}, 20%)

该错误识别与$消息两条线 - ＃{$}类型

我有一个类似的问题与以前@each声明，我想写，但最终忽略它，写出来的划痕，因为我认为这是一件萨斯玩不转。

有人有主意吗？

尼尔

Answer 1:

随着Maptastic枫 （V3.3），你可以在这里使用了一些简单的地图功能

$message-box-types:
  foo #ccc,
  bar #ddd

@each $type, $color in $message-box-types
  %#{$type}-box
    @extend %message-box
    border-color: $color
    color: $color
    background-color: lighten($color, 20%)

文章来源: Sass @each variable interpolation [duplicate]