JSFiddle - React, Tailwind, and code Playground

HTML

<div class="foo">Foo</div>
<div class="bar">Bar</div>
<div class="fizz">Fizz</div>
<div class="buzz">Buzz</div>

CSS

body {
    var-green: #bada55;
}		
.foo {
		    background: var(green);
		}
		.bar {
		    background: black;
		    color: var(green);
		}
		.fizz {
		    background: rgba(0, 0, 0, 0.5);
		    color: var(green);
		}
		.buzz {
		    background: var(green);
		    color: white;
		}