Sass @each interpolación variable

En mi sitio más nuevo estoy tratando de hacer un esfuerzo masivo para usar las características de Sass para hacerme la vida más fácil.

Estoy escribiendo algunos estilos simples de cuadro de error y pensé que el uso de cada uno simplificaría un poco.

Tengo lo siguiente:

$ message-box-types: error éxito normal

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

Los errores identifican ambas líneas con $ message – # {$ type}

Tuve un problema similar con una statement de @each anterior que estaba tratando de escribir, pero terminé ignorándolo y escribiéndolo en cero porque pensé que era algo que Sass no podía manejar.

¿Alguien tiene alguna idea?

Neil

Con Maptastic Maple (v3.3), puede usar algunas funciones de mapas simples aquí

 $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%)