JSFiddle - React, Tailwind, and code Playground

by beau

HTML

<a class="hd" href="/">
  <header>kottke.org</header>
</a>

CSS

.hd {
    display: block;
    whitespace: nowrap;
    text-indent: 100%;
    background: #2FDFFF;
}
.hd:before,
.hd:after {
    content: "";
    display: block;
    background: #01D4FF;
    height: 1em;
    width: 100%
}
.hd:after {
    background: #C0F4FF;
}
.hd header {
    background: #7FEAFF;
    margin-top: 1em;
}