My compromise with it is just using @apply in css files:
styles.css:
.button { @apply px-2 py-1 rounded-sm shadow-md hover:shadow-lg font-bold cursor-pointer block; height: 32px; }
.button.create { @apply bg-green-700 text-white; }
template.html:
<button class="button create">...</button>
My compromise with it is just using @apply in css files:
styles.css:
.button { @apply px-2 py-1 rounded-sm shadow-md hover:shadow-lg font-bold cursor-pointer block; height: 32px; }
.button.create { @apply bg-green-700 text-white; }
template.html:
<button class="button create">...</button>