Sass @each interpolazione variabile

Nel mio nuovo sito sto cercando di fare un enorme sforzo per usare le caratteristiche di Sass per semplificarmi la vita.

Sto scrivendo alcuni semplici stili di errore e ho pensato che l’utilizzo di ciascuno li avrebbe semplificati un po ‘.

Ho il seguente:

$ message-box-types: errore successo normale

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

Gli errori identificano entrambe le righe con $ message – # {$ type}

Ho avuto un problema simile con una precedente dichiarazione @each che stavo cercando di scrivere, ma ho finito per ignorarla e scriverla da capo perché pensavo che fosse qualcosa che Sass non poteva gestire.

Qualcuno ha qualche idea?

Neil

Con Maptastic Maple (v3.3), puoi utilizzare alcune semplici funzioni di mappa qui

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