JSFiddle - React, Tailwind, and code Playground
by Nate Armstrong
CSS
<style>#header .navbar .navbar-brand.logo a #site-slogan,
#header .navbar .navbar-brand.logo a .ocu-logo,
#header .navbar,
#subMenuShadowTriangle,
.subMenuFold2,
.subMenuFold1,
#prime #not-sidemenu,
#prime #the-sidemenu {
transition-property: all;
transition-duration: .5s
}
.subMenuFold2,
.subMenuFold1 {
height: 0px
}
.d-none {
display: none !important
}
.d-inline {
display: inline !important
}
.d-inline-block {
display: inline-block !important
}
.d-block {
display: block !important
}
.d-table {
display: table !important
}
.d-table-row {
display: table-row !important
}
.d-table-cell {
display: table-cell !important
}
.d-flex {
display: flex !important
}
.d-inline-flex {
display: inline-flex !important
}
@media(min-width: 320px) {
.d-xs-none {
display: none !important
}
.d-xs-inline {
display: inline !important
}
.d-xs-inline-block {
display: inline-block !important
}
.d-xs-block {
display: block !important
}
.d-xs-table {
display: table !important
}
.d-xs-table-row {
display: table-row !important
}
.d-xs-table-cell {
display: table-cell !important
}
.d-xs-flex {
display: flex !important
}
.d-xs-inline-flex {
display: inline-flex !important
}
}
@media(min-width: 450px) {
.d-sm-none {
display: none !important
}
.d-sm-inline {
display: inline !important
}
.d-sm-inline-block {
display: inline-block !important
}
.d-sm-block {
display: block !important
}
.d-sm-table {
display: table !important
}
.d-sm-table-row {
display: table-row !important
}
.d-sm-table-cell {
display: table-cell !important
}
.d-sm-flex {
display: flex !important
}
.d-sm-inline-flex {
display: inline-flex !important
}
}
@media(min-width: 600px) {
.d-md-none {
display: none !important
}
.d-md-inline {
display: inline !important
}
.d-md-inline-block {
display: inline-block !important
...