JSFiddle - React, Tailwind, and code Playground

by khamer

HTML

<button class="button -primary">primary</button>
<button class="button -secondary">secondary</button>
<button class="button -danger">danger</button>

PostCSS (Stage 0+)

.button {
  background-color: var(--color, blue);
  }

  .button.-primary {
    --color: tomato;
  }
  .b.-secondary {
    --color: lime;
  }
  .-danger {
    --color: brickred;
  }
}