JSFiddle - React, Tailwind, and code Playground

by bgrins

HTML

<div class="light"><div class="measure"></div></div>

<br /> <br />
<div class="dark"><div class="measure"></div></div>

CSS

.measure {
    border: solid 10px;
    padding: 10px;
    margin: 10px;
    width: 20px;
    height: 20px;
}

.light, .dark {
    display: inline-block;
}

.light {
    background: #f7f7f7;
}
.light .measure {
    border-color: #f7f7f7;
}
.dark {
    background: #181d20;
}
.dark .measure {
    border-color: #181d20;
}