sass Funktion Rückkehr Klasse

Question

Ich habe diesen Code

.npt { 
    ul { 
    li { 
     a { 
     background: $red-700 !important; 
     } 
    } 
    } 
} 

Ich brauche dies für viele Farben zu replizieren, aber ich möchte die Farbbasis ($ rot) passieren und diese entsprechenden CSS zurückzukehren. Ich brauche so etwas

@mixin .npt ($ blue); ->

.npt { 
    ul { 
    li { 
     a { 
     background: $blue-700 !important; 
     } 
    } 
    } 
} 

Wie kann ich das tun? Dank

Answer 1

@mixin npt($colorvariable) { 
 
    background: $colorvariable-700 !important; 
 
} 
 

 
try this one and then include 
 

 
@include npt($blue);