add attribute values also as css variables

volkmann-design-code · Jun 1, 2024 · 5c78640 · 5c78640
1 parent dccc81d
commit 5c78640
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/index.js b/index.js
diff --git a/src/index.js b/src/index.js
@@ -18,6 +18,9 @@ window[pluginNamespace].functions.isLayoutField = (field) => {
 };
 window[pluginNamespace].functions.addLayoutAttrs = (layoutField) => {
   const columnId = layoutField.columns[0].id;
+  /**
+   * @type {HTMLElement} layoutEl
+   */
   let layoutEl = document.querySelector(
     `.k-layout:has(.k-layout-column[id="${columnId}"])`,
   );
@@ -30,6 +33,7 @@ window[pluginNamespace].functions.addLayoutAttrs = (layoutField) => {
   for (const key of attrKeys) {
     const val = layoutField.attrs[key];
     layoutEl.setAttribute(`data-attr-${key}`, val);
+    layoutEl.style.setProperty(`--attr-${key}`, val);
   }
 };