JSFiddle - React, Tailwind, and code Playground

by Darren Galway

HTML

<button>Change</button>

SCSS

:root {
  --color: red;
  --space: 15px;
}

body {
  background: var(--color);
  height: 100%;
  margin: var(--space);
}

JavaScript

document.querySelector('button').addEventListener('click', changeVar)

function changeVar() {
  document.querySelector('body').style.setProperty('--space', '60px')
	document.querySelector('body').style.setProperty('--color', 'green')
}