JSFiddle - React, Tailwind, and code Playground

by Wagner Souza

HTML

<div id="branding"></div><br>
<div class="ipsButton_secondary important"></div><br><br>
<div class="postmain"><cite></cite></div><br>
<div class="input_submit"></div><br>
<div class="ipsButton_secondary"></div>

CSS

#branding {
     background-color: #36618f;
     background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#416d9a), to(#2c5687))!important;
     background-image: -webkit-linear-gradient(#416d9a 0%, #2c5687 100%)!important;
     background-image: -moz-linear-gradient(#416d9a 0%, #2c5687 100%)!important;
     background-image: -ms-linear-gradient(#416d9a 0%, #2c5687 100%)!important;
     background-image: -o-linear-gradient(#416d9a 0%, #2c5687 100%)!important;
     background-image: linear-gradient(#416d9a 0%, #2c5687 100%)!important;
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#416d9a', endColorstr='#2c5687',GradientType=0 )!important;
     border-bottom: 1px solid #1B3759;
     border-top: 1pz solid #4f84af;
     min-height: 64px;
    }
    .ipsButton_secondary.important {
        background: #9c2800;
        background: -moz-linear-gradient(top,  #9c2800 0%, #802100 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9c2800), color-stop(100%,#802100));
        background: -webkit-linear-gradient(top,  #9c2800 0%,#802100 100%);
        background: -o-linear-gradient(top,  #9c2800 0%,#802100 100%);
        background: -ms-linear-gradient(top,  #9c2800 0%,#802100 100%);
        background: linear-gradient(to bottom,  #9c2800 0%,#802100 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c2800', endColorstr='#802100',GradientType=0 );
     border: 1px solid #812200;
     box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 1px 0 rgba(0, 0, 0, 0.3);
     color: #FBF4F4 !important;
    }
    .postmain cite, cite, .codebox.spoiler dt {
     background: #ededed;
        background: -moz-linear-gradient(top,  #f6f6f6 0%, #e5e5e5 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e5e5e5));
        background: -webkit-linear-gradient(top,  #f6f6f6 0%,#e5e5e5 100%);
        background: -o-linear-gradient(top, ...