JSFiddle - React, Tailwind, and code Playground

by igalst

HTML

<button type="button" class="button">button</button>
<button type="button" class="button-primary">primary</button>

SCSS

.button {
    font-size: 14px;
    color: red;
    background: pink;
    &:hover {
        font-size: 20px;
    }
}
.button-primary {
    @extend .button;
    background: yellow;
    border: solid 1px red;
}