From 70125d5644ecc80ff332e6eb5570e3ba08c05c13 Mon Sep 17 00:00:00 2001
From: Ulrich-Matthias Schäfer <ulima.ums@googlemail.com>
Date: Sun, 3 Sep 2023 08:53:28 +0200
Subject: support css vars (fixes #1230)

---
 src/modules/optional/css.js | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

(limited to 'src')

diff --git a/src/modules/optional/css.js b/src/modules/optional/css.js
index 92f8c21..49a467b 100644
--- a/src/modules/optional/css.js
+++ b/src/modules/optional/css.js
@@ -2,6 +2,8 @@ import { camelCase } from '../../utils/utils.js'
 import { isBlank } from '../core/regex.js'
 import { registerMethods } from '../../utils/methods.js'
 
+const camelCaseWithVars = (str) => (str.startsWith('--') ? str : camelCase(str))
+
 // Dynamic style generator
 export function css(style, val) {
   const ret = {}
@@ -23,31 +25,35 @@ export function css(style, val) {
     // get style properties as array
     if (Array.isArray(style)) {
       for (const name of style) {
-        const cased = camelCase(name)
-        ret[name] = this.node.style[cased]
+        const cased = camelCaseWithVars(name)
+        ret[name] = this.node.style.getPropertyValue(cased)
       }
       return ret
     }
 
     // get style for property
     if (typeof style === 'string') {
-      return this.node.style[camelCase(style)]
+      return this.node.style.getPropertyValue(camelCaseWithVars(style))
     }
 
     // set styles in object
     if (typeof style === 'object') {
       for (const name in style) {
         // set empty string if null/undefined/'' was given
-        this.node.style[camelCase(name)] =
+        this.node.style.setProperty(
+          camelCaseWithVars(name),
           style[name] == null || isBlank.test(style[name]) ? '' : style[name]
+        )
       }
     }
   }
 
   // set style for property
   if (arguments.length === 2) {
-    this.node.style[camelCase(style)] =
+    this.node.style.setProperty(
+      camelCaseWithVars(style),
       val == null || isBlank.test(val) ? '' : val
+    )
   }
 
   return this
-- 
cgit v1.2.3