JSFiddle - React, Tailwind, and code Playground

by Michel Penke

HTML

<div>

</div>

CSS

:root {
    --gradient: linear-gradient(var(--angle), var(--col-1), var(--col-2));
    --col-1: var(--color-first);
    --col-2: var(--color-second);
    --angle: 90deg; 
    --color-first: red;
    --color-second: blue;
}

div {
  background: var(--gradient);
  width: 100px;
  height: 100px;
}