JSFiddle - React, Tailwind, and code Playground

by ryanbrill

HTML

<span class="green">Green</span>
<span class="lightgreen">Light Green</span>
<span class="orange">Orange</span>
<span class="paleyellow">Pale Yellow</span>
<span class="lavender">Lavender</span>
<span class="purple">Purple</span>

CSS

span {
    font-family: helvetica, arial, sans-serif;
    display: block;
    width: 200px;
    margin-bottom: 5px;
    padding: 5px 10px;
    color: #fff;
}
span.green {
    background: #198b75;
}
span.lightgreen {
    background: #d1e8e4;
}
span.orange {
    background: #fea924;
}
span.paleyellow {
    background: #fdf1ad;
}
span.lavender {
    background: #e3d2fc;
}
span.purple {
    background: #422e5d;
}