Verhindern, dass sich hsl mit Sass in Hex-Farbe verwandelt

Question

Warum werden HSL-Farben bei der Verwendung von Sass zu einem hexadezimalen Format?

.bgcolor{ 
    background-color: hsl(205,74%,66%); 
    /* background-color: #68b3e8; */ 
} 

Answer 1

fand ich diese Sass issue und ich erkennen, zwei Möglichkeiten zu verhindern, um diese Umwandlung zu passieren:

1. Überschreibung hsl Sass native Funktion

   @function hsl($h, $s, $l) { 
       @return unquote('hsl(#{$h}, #{$s}, #{$l})'); 
   } 
   
   .bgcolor{ 
       background-color: hsl(205,74%,66%); 
   } 
   

2. String mit #{} Interpolation

   .bgcolor{ 
       background-color: #{'hsl(205,74%,66%)'}; 
   }