JSFiddle - React, Tailwind, and code Playground

by mgiuffrida

HTML

<style>
  :root {
    --my-set-color: green;
  }
  #d1 {
    color: var(--empty-prop, var(--my-set-color));
  }
  #d2 {
    color: var(--empty-prop, var(--my-set-color, --another-empty-prop));
  }
  #d3 {
    color: var(--empty-prop, var(--my-set-color, var(--another-empty-prop)));
  }
  #d4 {
    color: var(--empty-prop, --my-set-color);
  }
</style>
<div id="d1">
    color: var(--empty-prop, var(--my-set-color));
</div>
<div id="d2">
    color: var(--empty-prop, var(--my-set-color, --another-empty-prop));
</div>
<div id="d3">
    color: var(--empty-prop, var(--my-set-color, var(--another-empty-prop)));
</div>
<div id="d4">
    color: var(--empty-prop, --my-set-color);
</div>