JSFiddle - React, Tailwind, and code Playground

by Victor

HTML

<div>DCFC</div>
<div>DCFC</div>
<div>DCFC</div>
<div>DCFC</div>
<div>DCFC</div>

SCSS

$main:red;

div {
    padding:20px;
}
div:nth-child(1){
    background:$main;
}
div:nth-child(2){
    background:darken($main, -20%);    
}
div:nth-child(3){
   background:darken($main, -30%);   
}
div:nth-child(4){
   background:darken($main, -40%);    
}