JSFiddle - React, Tailwind, and code Playground

by khamer

HTML

<span style="background: #ffffff">$white</span>
<span style="background: #d3d3d3">$gray-100</span>
<span style="background: #b8b7b7">$gray-200</span>
<span style="background: #959595">$gray-300</span>
<span style="background: #7f7f7f">$gray-400</span>
<span style="background: #706f6f">$gray-500</span>
<span style="background: #595959">$gray-600</span>
<span style="background: #494949">$gray-700</span>
<span style="background: #373736">$gray-800</span>
<span style="background: #1d1c1c">$gray-900</span>
<span style="background: #000000">$black</span>

<span style="background: #fac7bf">$red-100</span>
<span style="background: #fc9f92">$red-200</span>
<span style="background: #fc6253">$red-300</span>
<span style="background: #f82224">$red-400</span>
<span style="background: #d92121">$red-500</span>
<span style="background: #a52c24">$red-600</span>
<span style="background: #822b22">$red-700</span>
<span style="background: #5e251e">$red-800</span>
<span style="background: #2e1512">$red-900</span>

<span style="background: #bedbb3">$green-100</span>
<span style="background: #8fc678">$green-200</span>
<span style="background: #56a731">$green-300</span>
<span style="background: #4f8e32">$green-400</span>
<span style="background: #497b31">$green-500</span>
<span style="background: #3f632d">$green-600</span>
<span style="background: #365028">$green-700</span>
<span style="background: #2a3b21">$green-800</span>
<span style="background: #171f13">$green-900</span>

<span style="background: #cad3e8">$blue-100</span>
<span style="background: #a7b7e1">$blue-200</span>
<span style="background: #7792e4">$blue-300</span>
<span style="background: #5b79e0">$blue-400</span>
<span style="background: #536bbc">$blue-500</span>
<span style="background: #46578e">$blue-600</span>
<span style="background: #3b476f">$blue-700</span>
<span style="background: #2e354f">$blue-800</span>
<span style="background: #191c26">$blue-900</span>

<span style="background: #ead273">$yellow-100</span>
<span...