js-update css variables

gistfile1.txt

const inputs = document.querySelectorAll('.controls input');

function handleUpdate() {
    const suffix = this.dataset.sizing || ''; // data-sizing='something'
    document.documentElement.style.setProperty(`--${this.name}`, this.value); // css variable

}
inputs.forEach(input => input.addEventListener('change', handleUpdate));
inputs.forEach(input => input.addEventListener('mousemove', handleUpdate));