Sass-Interpolation von Mixin-, Funktions- und Variablennamen
Ich versuche, eine Liste von Werten in Sass zu durchlaufen und mithilfe der Interpolation des aktuellen Schlüssels Klassennamen dynamisch auszugeben, die jeweils @include und @extend verwenden.
Hier ist ein Stift, der das Problem vereinfacht zeigt.http://codepen.io/ghepting/pen/vBmLy
Wie Sie im Markup sehen können, habe ich versucht, das "_" sowohl innerhalb als auch außerhalb der interpolierten Zeichenfolge einzufügen. Gibt es etwas, das ich vermisse, um diese Einschränkung zu umgehen, wie Sass Interpolation unterstützt?
(Hinweis: Der Stift des OP ist verschwunden. Dies ist nicht der Originalcode im Stift, sondern eine grobe Annäherung an das Problem.)
$error-light: red;
$error-dark: darken(red, 10%);
$success-light: green;
$success-dark: darken(green, 10%);
$dialogs: error, success;
@each $d in $dialogs {
.#{$d} {
background: $#{$d}-light;
}
}