stylingutilities/dist/css/stylutil.min.css

lightweight css utilities library for the front-end web

.display-1{font-size:calc(1.725rem + 5.7vw)}@media (min-width:1200px){.display-1{font-size:6rem}}.display-2{font-size:calc(1.675rem + 5.1vw)}@media (min-width:1200px){.display-2{font-size:5.5rem}}.display-3{font-size:calc(1.575rem + 3.9vw)}@media (min-width:1200px){.display-3{font-size:4.5rem}}.display-4{font-size:calc(1.475rem + 2.7vw)}@media (min-width:1200px){.display-4{font-size:3.5rem}}.bold{font-weight:700}.bolder{font-weight:bolder}.light{font-weight:300}.lighter{font-weight:lighter}.italic{font-style:italic}.normal-font-weight{font-weight:400}.h1{font-size:2.5rem}.h1-r{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1-r{font-size:2.5rem}}.h2{font-size:2.5rem}.h2-r{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2-r{font-size:2rem}}.h3{font-size:1.75rem}.h3-r{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3-r{font-size:1.75rem}}.h4{font-size:1.5rem}.h4-r{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h4-r{font-size:1.5rem}}.h5,.h5-r{font-size:1.25rem}.h6,.h6-r{font-size:1rem}.h-bold{font-weight:500}.text-center{text-align:center}.text-left{text-align:start}.text-right{text-align:end}.text-wrap{white-space:normal}.text-nowrap{white-space:nowrap}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.no-line{-webkit-text-decoration-line:none;text-decoration-line:none}.strikethrough{-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.overline{-webkit-text-decoration-line:overline;text-decoration-line:overline}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.dotted-line{-webkit-text-decoration-style:dotted;text-decoration-style:dotted}.wavy-line{-webkit-text-decoration-style:wavy;text-decoration-style:wavy}.solid-line{-webkit-text-decoration-style:solid;text-decoration-style:solid}.double-line{-webkit-text-decoration-style:double;text-decoration-style:double}.dashed-line{-webkit-text-decoration-style:dashed;text-decoration-style:dashed}.list-none{list-style-type:none}.list-normal{list-style-type:disc}.list-decimal{list-style-type:decimal}.word-break{overflow-wrap:break-word;word-break:break-word}.kbd{background-color:#000;box-shadow:0 .1rem #121212;color:#fff}.kbd,.kbd-light{border-radius:.25rem;padding:.1rem}.kbd-light{background-color:#fff;box-shadow:0 .1rem silver;color:#000}.m-1{margin:.25rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.p-1{padding:.25rem}.px-1{padding-left:.25rem;padding-right:.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.m-2{margin:.5rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.p-2{padding:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.m-3{margin:.75rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.p-3{padding:.75rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.m-4{margin:1rem}.mx-4{margin-left:1rem;margin-right:1rem}.my-4{margin-top:1rem;margin-bottom:1rem}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-4{padding-top:1rem;padding-bottom:1rem}.m-5{margin:1.25rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.p-5{padding:1.25rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.m-6{margin:1.5rem}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.p-6{padding:1.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.m-7{margin:1.75rem}.mx-7{margin-left:1.75rem;margin-right:1.75rem}.my-7{margin-top:1.75rem;margin-bottom:1.75rem}.p-7{padding:1.75rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.py-7{padding-top:1.75rem;padding-bottom:1.75rem}.m-8{margin:2rem}.mx-8{margin-left:2rem;margin-right:2rem}.my-8{margin-top:2rem;margin-bottom:2rem}.p-8{padding:2rem}.px-8{padding-left:2rem;padding-right:2rem}.py-8{padding-top:2rem;padding-bottom:2rem}.m-9{margin:2.25rem}.mx-9{margin-left:2.25rem;margin-right:2.25rem}.my-9{margin-top:2.25rem;margin-bottom:2.25rem}.p-9{padding:2.25rem}.px-9{padding-left:2.25rem;padding-right:2.25rem}.py-9{padding-top:2.25rem;padding-bottom:2.25rem}.m-10{margin:2.5rem}.mx-10{margin-left:2.5rem;margin-right:2.5rem}.my-10{margin-top:2.5rem;margin-bottom:2.5rem}.p-10{padding:2.5rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.inline-block{display:inline-block}.inline{display:inline}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.grid{display:grid}.table{display:table}.no-display{display:none}.container{width:70%}@media screen and (max-width:900px){.container{width:100%}}.half-viewport-height{height:50vh}.viewport-height{height:100vh}.half-viewport-width{width:50vw}.viewport-width{width:100vw}.half-fill-width{width:50%}.fill-width{width:100%}.float-left{float:left}.float-right{float:right}.clearfix:after{display:block;content:"";clear:both}.row{flex-direction:row}.row-reverse{flex-direction:row-reverse}.column{flex-direction:column}.column-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-nowrap{flex-wrap:nowrap}.flex-grow{flex-grow:1}.flex-nogrow{flex-grow:0}.flex-shrink{flex-shrink:1}.flex-noshrink{flex-shrink:0}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-items-auto{justify-items:auto}.justify-items-center{justify-items:center}.justify-items-start{justify-items:flex-start}.justify-items-end{justify-items:flex-end}.justify-items-stretch{justify-items:stretch}.justify-self-auto{justify-self:auto}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.justify-self-stretch{justify-self:stretch}.align-items-center{align-items:center}.align-items-start{align-items:flex-start}.align-items-end{align-items:flex-end}.align-items-baseline{align-items:baseline}.align-items-stretch{align-items:stretch}.align-content-center{align-content:center}.align-content-start{align-content:flex-start}.align-content-end{align-content:flex-end}.align-content-around{align-content:space-around}.align-content-between{align-content:space-between}.align-content-evenly{align-content:space-evenly}.align-self-auto{align-self:auto}.align-self-start{align-self:start}.align-self-end{align-self:end}.align-self-center{align-self:center}.align-self-stretch{align-self:stretch}.overflow-auto{overflow:auto}.no-overflow{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-visible{overflow:visible}.visible{visibility:visible}.hidden{visibility:hidden}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.border{border:.0625rem solid #718096}.border-top{border-top:.0625rem solid #718096}.border-bottom{border-bottom:.0625rem solid #718096}.border-left{border-left:.0625rem solid #718096}.border-right{border-right:.0625rem solid #718096}.round-corners{border-radius:1rem}.no-round-corners{border-radius:0}.no-shadow{box-shadow:none!important}.shadow-1{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2)}.shadow-2{box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.3)}.shadow-3{box-shadow:0 8px 17px 2px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2)}.shadow-4{box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -7px rgba(0,0,0,.2)}.shadow-5{box-shadow:0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12),0 11px 15px -7px rgba(0,0,0,.2)}