JSFiddle - React, Tailwind, and code Playground

by amindunited

HTML

<div class="under">
  
</div>
<div class="red">
  
</div>

CSS

body {
  --cheese: yellow;
 background-color: var(--cheese);
}

.under{
  --cheese: brown;
    background-color: var(--cheese);
    width: 200px;
    height: 200px;
    border: solid 1px black;
}

.red {
  --cheese: lightblue;
    background-color: var(--cheese);
    width: 200px;
    height: 200px;
    border: solid 1px black;
}