JSFiddle - React, Tailwind, and code Playground

by JamesKyle

HTML

<input>

<hr>

<input type="text">
<input type="text" placeholder="foo">
    
<hr>

<input id="check" type="checkbox">
<label for="check">Check</label> 

<hr>

<input id="radio" type="radio">
<label for="radio">Radio</label> 

<hr>

<textarea placeholder="bar"></textarea>

<hr>



<progress name="Profile Completeness" value='80' max="100"></progress>

CSS

* {
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    position: relative;
    top: 0; bottom: 0; min-height: 100%;
    left: 0; right: 0; width: auto;

    font-size: 87.5%;
    -webkit-text-size-adjust: 100%;
       -moz-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
}

body {
    margin: 2em;
    padding: 0;
    font-size: 1em;
    line-height: 1.5em;
    
    font-family: "Proxima-Nova-Regular", "ProximaNova-Regular", "Proxima Nova Regular", "ProximaNova Regular", "Proxima Nova", "proxima-nova", "Proxima Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: subpixel-antialiased;
     -khtml-font-smoothing: subpixel-antialiased;
       -moz-font-smoothing: subpixel-antialiased;
        -ms-font-smoothing: subpixel-antialiased;
         -o-font-smoothing: subpixel-antialiased;
            font-smoothing: subpixel-antialiased;
    opacity: .999999;
    -webkit-transform: translate3d(0, 0, 0);
    
    color: #262626;
    color: #26000000;
    color: rgba(0, 0, 0, .85);
}

input:not([type]) { display: none }

input[type], label, textarea {
    -webkit-appearance: none;
     -khtml-appearance: none;
       -moz-appearance: none;
        -ms-appearance: none;
         -o-appearance: none;
            appearance: none;
    -webkit-rtl-ordering: logical;
     -khtml-rtl-ordering: logical;
       -moz-rtl-ordering: logical;
        -ms-rtl-ordering: logical;
         -o-rtl-ordering: logical;
            rtl-ordering: logical;
    -webkit-user-select: text;
     -khtml-user-select: text;
       -moz-user-select: text;
        -ms-user-select: text;
         -o-user-select: text;
            user-select: text;
    
    margin: 0; padding: 0;
    height: auto; width:...