JSFiddle - React, Tailwind, and code Playground

by SAFX

HTML

<div class="font-base">font-green-11</div>
<div class="font-big">font-big-14</div>
<div class="font-bigger">font-bigger-30</div>
<div class="font-italic">font-italic-nogreen?</div>

CSS

.font-base, .font-big, .font-bigger{
    color: GREEN;
    font-size: 11pt;
    letter-spacing: 6pt;
}

.font-big {
    font-size: 14pt;
}

.font-bigger, .font-italic {
    font-size: 30pt;
}

.font-italic {
    font-style: italic;
}