JSFiddle - React, Tailwind, and code Playground
by kodjoe mambi
CSS
/* GENERAL */
body .background_2xT { background-color: #111!important;}
a:hover, a:focus, a:active { cursor: pointer!important; }
/* POPUP CLOSE BUTTON */
.close-button_1Za {
position: fixed!important;
}
/* FONT-SIZE */
.ui-headingLg {
line-height: 0.9!important;
margin-top: 0px!important;
}
h1, h1.wl-title-home {
font-size: calc(24px + 15vw)!important;
line-height: 0.75!important;
}
h2.wl-la-salle {
font-size: calc(22px + 11vw)!important;
}
h2 {
font-size: calc(12px + 7.5vw)!important;
}
h3 {
font-size: calc(10px + 3.9vw)!important;
letter-spacing: initial!important;
}
.wl-small-text {
font-size: calc(7px + 2.1vw)!important;
}
.wl-small-ten {
font-size: 11px!important;
margin-top: 0px!important;
}
/* BIG TITLE SECTION LEFT / RIGHT / CENTER */
.wl-title-center h1 {
position: absolute!important;
left: 0!important;
right: 0!important;
z-index: -1!important;
}
h1.wl-title-home span {
white-space: nowrap!important;
text-overflow: ellipsis!important;
overflow: visible!important;
}
.wl-title-left h1 {
position: absolute!important;
left: -3%!important;
white-space: nowrap!important;
text-overflow: ellipsis!important;
overflow: visible!important;
/*
color: #f24908!important;
padding: 40px 80px 40px 0px!important;
background: -webkit-linear-gradient(#f00, #fe601b)!important;
border-radius: 38px!important;
transform: skew(340deg)!important;
*/
}
.wl-title-right h1 {
position: absolute!important;
right: -1%!important;
white-space: nowrap!important;
text-overflow: ellipsis!important;
overflow: visible!important;
/*
color: #f24908!important;
padding: 40px 0px 40px 80px!important;
background: -webkit-linear-gradient(#f00, #fe601b)!important;
border-radius: 38px!important;
transform: skew(340deg)!important;
*/
}
/* IMG - NON SELECT + BORDER RADIUS */
img[src], .w-picture-wrapper {
pointer-events: none!important;
border-radius: 38px!important;
}
.wl-no-border img[src],
.wl-no-border .w-picture-wrapper {
pointer-events: none!important;
border-radius:...