JSFiddle - React, Tailwind, and code Playground

by iamanubhavsaini

CSS

.mar0 {
    margin: 0;
}
.mar10 {
    margin: 10px;
}
.mar20 {
    margin: 20px;
}
.mar10tb {
    margin-top: 10px;
    margin-bottom: 10px;
}
.mar10rl {
    margin-left: 10px;
    margin-right: 10px;
}
.mar10t {
    margin-top: 10px;
}
.mar10r {
    margin-right: 10px;
}
.mar10b {
    margin-bottom: 10px;
}
.mar10l {
    margin-left: 10px;
}

.pad0 {
    padding: 0;
}
.pad10 {
    padding: 10px;
}
.pad20 {
    padding: 20px;
}
.pad10tb {
    padding-top: 10px;
    padding-bottom: 10px;
}
.pad10rl {
    padding-left: 10px;
    padding-right: 10px;
}
.pad10t {
    padding-top: 10px;
}
.pad10r {
    padding-right: 10px;
}
.pad10b {
    padding-bottom: 10px;
}
.pad10l {
    padding-left: 10px;
}

.flt {
    float: left;
}
.frt {
    float: right;
}
.cls {
    clear: both;
}
.disN{display:none;}
.disB{display:block;}
.disI{display:inline;}
.disIB{display:inline-block;}

.inv{visibility:hidden;}
.vis{visibility:visible;}