JSFiddle - React, Tailwind, and code Playground

by Christian Sonne

HTML

<div class="css-1abmjc9"></div>

CSS

.css-1abmjc9 {
  background-image: linear-gradient(to right, rgb(207, 225, 242), rgb(190, 216, 236), rgb(168, 206, 229), rgb(143, 193, 222), rgb(116, 178, 215), rgb(91, 163, 207), rgb(69, 146, 198), rgb(49, 129, 189), rgb(32, 111, 178), rgb(18, 92, 164), rgb(10, 74, 144));
  border: 1px solid rgba(0,0,0,0.2);
  background-position: -1px 0;
  background-size: calc(100% + 2px);
  height: 16px;
  width: 40px;
}