Custom properties i CSS code example
Example 1: css custom properties
/* create */
:root {
--variable-name: variable-property;
}
/* use */
selector {
property: var(--variable-name);
}
Example 2: custom properties css
// get variable from inline style
element.style.getPropertyValue("--my-var");
// get variable from wherever
getComputedStyle(element).getPropertyValue("--my-var");
// set variable on inline style
element.style.setProperty("--my-var", jsVar + 4);