JSFiddle - React, Tailwind, and code Playground

by jmarikle

HTML

<div class="icon">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, quisquam. Quasi facilis eaque rerum magni debitis sequi autem quia reprehenderit repellendus dolorum, sapiente cum, eos necessitatibus voluptas quidem similique. Voluptatum.</div>

SCSS

$box-shadow: (
   panel: 0 0 5px 0px rgba(147, 147, 147, 0.25),
   dropdown: 0 6px 12px rgba(0,0,0,.175),
   icon: (0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24))
);

.icon {
  box-shadow: map-get($box-shadow, icon);
}