JSFiddle - React, Tailwind, and code Playground

by tenold

HTML

<div id="sticky">Menu</div>
<div class="content light"></div>
<div class="content dark"></div>
<div class="content light"></div>
<div class="content dark"></div>
<div class="content light"></div>

CSS

#sticky {
    position:fixed;
    top:10px;
    left:10px;
    right:10px;
    height:50px;
}
#sticky.light {
    color:black;
}
#sticky.dark {
    color:white;
}
.content {
    width:100%;
    height:300px;
}
.content.dark {
    background:black;
}
.content.light {
    background:#f2f2f2;
}