JSFiddle - React, Tailwind, and code Playground

by stedman

HTML

<div class="alert alert-error">OMG error!</div>

<div class="alert-error">OMG moar error! But with less class.</div>

CSS

.alert,
[class^=alert-] {
margin: 1em;
padding: 1em;
}
.alert-error {
background: red;
color: white;
}