Hex-Farbcode mit SASS-Aufhellfunktion zurückgeben

Question

Wie gebe ich einen Hex-Code mit der SASS-Aufhellungsfunktion zurück?

@function returnHexValue($color){ 
    @debug $color; 
    @if $color == "white" { 
     @return "#fff"; 
    } 
    @if $color == "black" { 
     @return "#000"; 
    } 
    @return $color; 
} 

Wenn ich so etwas wie returnHexValue(lighten(#000,100%)); verwenden, bekomme ich immer noch die als white Rückgabewert statt #fff.

Answer 1

können Sie folgende Funktion verwenden, die Hex-Wert

@function force-hex($color) { 
    @if type-of($color) == 'color' { 
     $hex: str-slice(ie-hex-str($color), 4); 
     @return unquote("\##{$hex}"); 
    } 
    @return $color; 
} 

body{ 
    color: force-hex(lighten(#000,100%)); 
} 

Schon jetzt gibt es einige Anfrage in SASS GitHub Projekt zwingen wird, Umwandlung von Hex zu einem Farbwert zu verhindern. Sie können

https://github.com/sass/sass/issues/343 https://github.com/sass/sass/issues/363