JSFiddle - React, Tailwind, and code Playground

by joplomacedo

HTML

<div class='rgb'></div>
<div class='hex'></div>
<div class='variable'></div>

SCSS

$rgb:rgba(20,20,20,.7);
$hex:rgba(#4B00B5, .3);
$primary-color:teal;

.rgb { background:$rgb; }
.hex { background:$hex; }
.variable { background:rgba($primary-color,.6); }

div { height:50px; width:50px; display:inline-block; }