JSFiddle - React, Tailwind, and code Playground

by Alexander

HTML

<div id="layout">
  <div id="box">
    <h1>Hello!</h1>
  </div>
</div>

CSS

:root {
  --red-theme: {
    color: white;
    background-color: red;
  };
  --radius: {
    border-radius: 5px;
  };
}

#box {
  @apply --red-theme;
  @apply --radius;
  padding: 10px;
  text-align: center;
}