JSFiddle - React, Tailwind, and code Playground

by mischa

HTML

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
        <div class="swatches">
            <div class="c">.no-boxshadow textarea:invalid</div>
            <div class="d">::-moz-selection</div>
            <div class="e">-webkit-tap-highlight-color</div>
            <div class="f">#mzu-overlay</div>
            <div class="g">#mzu-content</div>
            <div class="h">.mzu h1</div>
            <div class="i">.mzu textarea</div>
            <div class="j">p.open:before</div>
            <div class="k">.mzu .tags > li</div>
            <div class="l">.mzu a</div>
            <div class="m">.mzu .tags > li:hover</div>
            <div class="n">.mzu .ln-letters a</div>
            <div class="o">.mzu .ln-letters a:hover, .ln-letters a.ln-selected </div>
            <div class="p">.mzu button</div>
            <div class="q">.mzu button:hover</div>
            <div class="r">.mzu button:active</div>
        </div>
  </body>
</html>

CSS

div {margin-bottom: 1em;}
.swatches { color: #444; font-size: 12px; }
.c { background-color: #f0dddd; }
.d { background: #FF5E99; color:#fff; text-shadow: none; }
.e { #FF5E99; }
.f { background: rgba(0, 0, 0, .7);  font:1.2em sans-serif; *font-size:small; }
.g { color: #444; background: #FAFAFA; border: 1px solid #BDBDBD; border-radius: 4px; font: normal 1.2em sans-serif}
.h { font: bold 1.5em sans-serif } 
.i { font: bold 1.2em sans-serif; width: 100%; color: #444; }
.j { border-color: #808080 transparent transparent transparent; border-style:solid; border-width:0.5em; height:0; width:0; }
.k { background-color: #fff; border: 1px solid #BDBDBD; border-radius: 4px;}
.l {color: #444 !important; font: normal 1.5em sans-serif !important; }
.m { background-color: #eaeaea; color: #000; }
.n { font: normal 0.9em sans-serif !important;}
.o { background-color: #eaeaea;} 
.p { border: 1px solid #BDBDBD; background-color:#fff; }
.q { background-color: #eaeaea;}
.r { color: #FF5E99; }