Sass-Funktion mit Farboperationen

Question

Ich versuche, eine Funktion zum Automatisieren von Hover-State-Operationen zu erstellen. So gar Ich habe diese

$switch-element-hover:   20% !default; 
$switch-element-operation: "lighten" !default; 


@function generate-hover-state($color) { @return 
#{$switch-element-operation}($color, $switch-element-hover); } 

Dann versuche ich es so zu verwenden:

&:hover { 
    background-color: generate-hover-state($background); 
} 

Jetzt habe ich es geschafft, es zu kompilieren, aber die Ausgabe sieht seltsam:

background-color: lighten#626262, 20%; 

Auch ich habe Ich habe versucht, eine unquote wie vom Tool vorgeschlagen, aber es scheint nicht zu funktionieren.

Hat jemand eine Idee, wie man das macht? Danke.

Answer 1

Gelöst es.

die Antwort in der @call Methode gelegt: http://sass-lang.com/documentation/Sass/Script/Functions.html#call-instance_method

// Hover state function 
@function generate-hover-state($color) { 
    @return call($switch-element-operation, $color, $switch-element-hover); 
}