easy-css-variables

CDN:

Usage no npm install needed!

<script type="module">
  import easyCssVariables from 'https://cdn.skypack.dev/easy-css-variables';
</script>

README

easy-css-variables

CDN:

<script src="https://cdn.jsdelivr.net/gh/olian04/easy-css-variables/src/index.js"></script>

Demo:

https://jsfiddle.net/olian04/rxLfmgeq/41/

Global

const ecv = require('easy-css-variables');

ecv.backgroundColor = 'blue';
.greet {
  background: var(--backgroundColor);
}
<div class="greet">Hello!</div>

Target element

const ecv = require('easy-css-variables');

const seGreet = document.querySelector('.greet.se');

ecv('.greeter.en').backgroundColor = 'blue';
ecv(seGreet).backgroundColor = 'pink';

Note: The selector passed to ecv(selectorOrElement) needs to only match a single element, or the first one will be selected.

.greet {
  background: var(--backgroundColor);
}
<div class="greet en">Hello!</div>
<div class="greet se">Hej!</div>