JSFiddle - React, Tailwind, and code Playground

by Jayson Buquia

HTML

<div>
  <span></span>
  <span></span>
  <span></span>
  <span></span>
  <span></span>
</div>
<div>
  <span></span>
  <span></span>
  <span></span>
  <span></span>
  <span></span>
  <span></span>
  <span></span>
</div>

SCSS

span{
  display: block;
  width: 100px;
  height: 20px;
  margin-bottom: 10px;
  background-color: rgba(teal, .1);
  
  &:nth-of-type(2) {
    background-color: rgba(teal, .5);
  }
}