scss - Variable SASS dentro de la cadena

sass--watch

Question

Esta pregunta ya tiene una respuesta aquí:

• ¿Puedo usar variables para selectores? 3 respuestas

Hola, soy nuevo en SASS (lo sé tarde) y jugando con mixins.

Básicamente, ¿hay alguna forma de vincular una variable a una cadena? Esto es lo que trato de hacer, pero arroja errores. (Esta es una versión condensada)

@mixin post-link ($class, $color, $hover) {
    a.$class:link {
        color: $color;
    }
    a.$class:hover {
        color: $hover;
    }
}

Enlace, digo que esto es un poco más simple que lo que estoy tratando de hacer en el mixin (más variables en uno completo).

EDITAR: debería agregar que estoy usando Compass. Gracias

Answer 1

Sí, solo tienes que usar la interpolación variable . Ejemplo:

@mixin post-link ($class, $color, $hover) {
    a.#{$class}:link {
        color: $color;
    }
    a.#{$class}:hover {
        color: $hover;
    }
}

Ejemplo en SassMeister: http://sassmeister.com/gist/9533103

La clave es agregar #{ y } alrededor de los nombres de las variables para expandirlos.