2014-03-13 10 views
26

Hallo all ich bin neu bei SASS (spät ich weiß) und herumspielen mit Mixins.SASS Variable innerhalb der Saite

Grundsätzlich gibt es eine Möglichkeit, eine Variable mit einer Zeichenfolge zu verknüpfen, hier ist, was ich versuche zu tun, aber es wirft Fehler. (Dies ist eine gekürzte Fassung)

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

Link-Ich sage dies als ein wenig einfacher ist, was ich versuche in der mixin (mehr Variablen in voller eins) zu tun.

EDIT: sollte hinzufügen, ich verwende Compass. Danke

Antwort

50

Ja, Sie müssen nur variable interpolation verwenden. Beispiel:

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

Beispiel auf SassMeister: http://sassmeister.com/gist/9533103

Der Schlüssel ist das Hinzufügen #{ und } um Ihre Variablennamen erhalten sie erweitert.