JSFiddle - React, Tailwind, and code Playground

by psycketom

HTML

<div class="auto-border red">Sarkans</div>
<div class="auto-border blue">Zils</div>
<div class="auto-border green">Zaļš</div>
<div class="auto-border orange">Oranžš</div>
<div class="yellow">Dzeltens</div>
<div class="magenta">Fuksiju rozā</div>
<div class="cyan">Tirkīzzils</div>

CSS

.red
{
    color: red;
}

.blue
{
    color: blue;
}

.green
{
    color: green;
}

.orange
{
    color: orange;
}

.yellow
{
    color: yellow;
}

.magenta
{
    color: magenta;
}

.cyan
{
    color: cyan;
}

.auto-border
{
    border-bottom: solid 1px; /* no color defined. */
}

div
{
    margin: 2em;
}