Interpolación Sass De Mezcla, Función, Y Nombres De Variables
Estoy tratando de recorrer una lista de valores en Sass y usar la interpolación de la clave actual para generar dinámicamente los nombres de las clases que utilizan @include y @extend, respectivamente.
Aquí hay una pluma que muestra el problema, simplificado.http://codepen.io/ghepting/pen/vBmLy
Como puede ver en el marcado, he intentado incluir el "_" dentro de la cadena interpolada y fuera de ella. ¿Hay algo que me falta para evitar esta limitación de cómo Sass soporta la interpolación?
(Nota: el lápiz del OP ha desaparecido. Este no es el código original que se encuentra en el lápiz, sino una aproximación aproximada del problema)
$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;
}
}