Sass @each可变插值

Question

在我最新的网站中，我正在努力使用Sass功能来使我的生活更轻松。

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

我有以下几点：

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

@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声明类似的问题，我试图编写，但最终忽略了它，并从头开始编写它，因为我认为这是Sass无法处理的。

任何人有任何想法？

尼尔

Answer 1

随着Maptastic Maple（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%)