JSFiddle - React, Tailwind, and code Playground

by Wagner Souza

HTML

<div class="main-head"></div>

CSS

.main-head {
    background: #4774a2;
    background: -moz-linear-gradient(top,  #4774a2 0%, #2c5687 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4774a2), color-stop(100%,#2c5687));
    background: -webkit-linear-gradient(top,  #4774a2 0%,#2c5687 100%);
    background: -o-linear-gradient(top,  #4774a2 0%,#2c5687 100%);
    background: -ms-linear-gradient(top,  #4774a2 0%,#2c5687 100%);
    background: linear-gradient(to bottom,  #4774a2 0%,#2c5687 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4774a2', endColorstr='#2c5687',GradientType=0 );
    border-color: #316897;
    border-radius: 4px 4px 0px 0px;
    border-style: solid;
    border-width: 1px 1px 0px;
    box-shadow: 0px 1px 0px #528CBC inset;
    color: #FFF;
    font-size: 16px;
    font-weight: 300;
    height: 17px;
    margin-top: 15px;
    padding: 10px 10px 11px;
}