JSFiddle - React, Tailwind, and code Playground

by Santiago J

HTML

<div class="derpy">
<p>Hello, there <a href="#">muffin</a>!</p>
</div>

<div class="luna">
<p>Hello, <a href="#">loyal</a> subject!</p>
</div>

CSS

div {
    border-radius: 8px;
    margin: 32px;
    padding: 0.5em 1em;
}

a {
    text-decoration: none;
}


.derpy {
    background-color: #999;
    color: #eee;
}
.derpy a {
    color: #fd3;
}

.luna {
    background-color: #102;
    color: #75e;
}
.luna a {
    color: #ccc;
}