"cssVarsHSLA" knob propery now also has % units to the SLA values

yairEO · Sep 7, 2021 · 648c9aa · 648c9aa
1 parent 1bc514c
commit 648c9aa
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/knobs.js b/src/knobs.js
@@ -316,9 +316,9 @@ Knobs.prototype = {
     if( type == 'color' && cssVarsHSLA ){
       const hsla = CSStoHSLA(changeColorFormat(value, 'HSL'))
       vars.push([`${cssVarName}-h`, hsla[0]],
-                [`${cssVarName}-s`, hsla[1]],
-                [`${cssVarName}-l`, hsla[2]],
-                [`${cssVarName}-a`, hsla[3]])
+                [`${cssVarName}-s`, hsla[1] + '%'],
+                [`${cssVarName}-l`, hsla[2] + '%'],
+                [`${cssVarName}-a`, hsla[3] + '%'])
     }
 
     // if is a refference to a single-node, place in an array.