roobie/dist/roobie.utilities.css

A collection of CSS classes to keep you writing business logic in your HTML. Easily build maintainable web & mobile applications with 100s of pre-built CSS classes at your fingertips.

.bg-black1{background-color:var(--black)!important}.bg-black,.bg-black2{background-color:var(--black2)!important}.bg-black3{background-color:var(--black3)!important}.bg-blue1{background-color:var(--blue)!important}.bg-blue,.bg-blue2{background-color:var(--blue2)!important}.bg-blue3{background-color:var(--blue3)!important}.bg0{background-color:transparent!important}.bg1{background-color:var(--bg1)!important}.bg2{background-color:var(--bg2)!important}.bg3{background-color:var(--bg3)!important}.bg4{background-color:var(--bg4)!important}.bg5{background-color:var(--bg5)!important}.bg6{background-color:var(--bg6)!important}.bg-green1{background-color:var(--green)!important}.bg-green,.bg-green2{background-color:var(--green2)!important}.bg-green3{background-color:var(--green3)!important}.bg-grey1{background-color:var(--grey)!important}.bg-grey,.bg-grey2{background-color:var(--grey2)!important}.bg-grey3{background-color:var(--grey3)!important}.bg-indigo1{background-color:var(--indigo)!important}.bg-indigo,.bg-indigo2{background-color:var(--indigo2)!important}.bg-indigo3{background-color:var(--indigo3)!important}.bg-orange1{background-color:var(--orange)!important}.bg-orange,.bg-orange2{background-color:var(--orange2)!important}.bg-orange3{background-color:var(--orange3)!important}.bg-red1{background-color:var(--red)!important}.bg-red,.bg-red2{background-color:var(--red2)!important}.bg-red3{background-color:var(--red3)!important}.bg-success{background-color:var(--success)!important}.bg-warning{background-color:var(--warning)!important}.bg-danger{background-color:var(--danger)!important}.bg-info{background-color:var(--info)!important}.bg-violet1{background-color:var(--violet)!important}.bg-violet,.bg-violet2{background-color:var(--violet2)!important}.bg-violet3{background-color:var(--violet3)!important}.bg-white1{background-color:var(--white)!important}.bg-white,.bg-white2{background-color:var(--white2)!important}.bg-white3{background-color:var(--white3)!important}.bg-yellow1{background-color:var(--yellow)!important}.bg-yellow,.bg-yellow2{background-color:var(--yellow2)!important}.bg-yellow3{background-color:var(--yellow3)!important}.br0{border-radius:none!important}.br1{border-radius:var(--br1)}.br,.br2{border-radius:var(--br2)}.br3{border-radius:var(--br3)}.br4{border-radius:var(--br4)}.br5{border-radius:var(--br5)}.br6{border-radius:var(--br6)}.br25{border-radius:25%}.br50{border-radius:50%}.bdrb0{border-bottom:none!important}.bdrb1{border-bottom:var(--bdr1)}.bdrb,.bdrb2{border-bottom:var(--bdr2)}.bdrb3{border-bottom:var(--bdr3)}.bdrb4{border-bottom:var(--bdr4)}.bdrb5{border-bottom:var(--bdr5)}.bdrb6{border-bottom:var(--bdr6)}.bdr0{border:none!important}.bdr1{border:var(--bdr1)}.bdr,.bdr2{border:var(--bdr2)}.bdr3{border:var(--bdr3)}.bdr4{border:var(--bdr4)}.bdr5{border:var(--bdr5)}.bdr6{border:var(--bdr6)}.bdr-white{border-color:var(--white)!important}.bdr-black{border-color:var(--black)!important}.bdr-grey{border-color:var(--grey)!important}.bdr-red{border-color:var(--red)!important}.bdr-orange{border-color:var(--orange)!important}.bdr-yellow{border-color:var(--yellow)!important}.bdr-green{border-color:var(--green)!important}.bdr-blue{border-color:var(--blue)!important}.bdr-indigo{border-color:var(--indigo)!important}.bdr-violet{border-color:var(--violet)!important}.bdr-white2{border-color:var(--white2)!important}.bdr-black2{border-color:var(--black2)!important}.bdr-grey2{border-color:var(--grey2)!important}.bdr-red2{border-color:var(--red2)!important}.bdr-orange2{border-color:var(--orange2)!important}.bdr-yellow2{border-color:var(--yellow2)!important}.bdr-green2{border-color:var(--green2)!important}.bdr-blue2{border-color:var(--blue2)!important}.bdr-indigo2{border-color:var(--indigo2)!important}.bdr-violet2{border-color:var(--violet2)!important}.bdr-white3{border-color:var(--white3)!important}.bdr-black3{border-color:var(--black3)!important}.bdr-grey3{border-color:var(--grey3)!important}.bdr-red3{border-color:var(--red3)!important}.bdr-orange3{border-color:var(--orange3)!important}.bdr-yellow3{border-color:var(--yellow3)!important}.bdr-green3{border-color:var(--green3)!important}.bdr-blue3{border-color:var(--blue3)!important}.bdr-indigo3{border-color:var(--indigo3)!important}.bdr-violet3{border-color:var(--violet3)!important}.bdrh0{border-left:none!important;border-right:none!important}.bdrh1{border-left:var(--bdr1)!important;border-right:var(--bdr1)!important}.bdrh,.bdrh2{border-left:var(--bdr2)!important;border-right:var(--bdr2)!important}.bdrh3{border-left:var(--bdr3)!important;border-right:var(--bdr3)!important}.bdrh4{border-left:var(--bdr4)!important;border-right:var(--bdr4)!important}.bdrh5{border-left:var(--bdr5)!important;border-right:var(--bdr5)!important}.bdrh6{border-left:var(--bdr6)!important;border-right:var(--bdr6)!important}.bdrl0{border-left:none!important}.bdrl1{border-left:var(--bdr1)}.bdrl,.bdrl2{border-left:var(--bdr2)}.bdrl3{border-left:var(--bdr3)}.bdrl4{border-left:var(--bdr4)}.bdrl5{border-left:var(--bdr5)}.bdrl6{border-left:var(--bdr6)}.bdrr0{border-right:none!important}.bdrr1{border-right:var(--bdr1)}.bdrr,.bdrr2{border-right:var(--bdr2)}.bdrr3{border-right:var(--bdr3)}.bdrr4{border-right:var(--bdr4)}.bdrr5{border-right:var(--bdr5)}.bdrr6{border-right:var(--bdr6)}.bdr-success{border-color:var(--success)!important}.bdr-warning{border-color:var(--warning)!important}.bdr-danger{border-color:var(--danger)!important}.bdr-info{border-color:var(--info)!important}.bdrt0{border-top:none!important}.bdrt1{border-top:var(--bdr1)}.bdrt,.bdrt2{border-top:var(--bdr2)}.bdrt3{border-top:var(--bdr3)}.bdrt4{border-top:var(--bdr4)}.bdrt5{border-top:var(--bdr5)}.bdrt6{border-top:var(--bdr6)}.bdrv0{border-top:none!important;border-bottom:none!important}.bdrv1{border-top:var(--bdr1)!important;border-bottom:var(--bdr1)!important}.bdrv,.bdrv2{border-top:var(--bdr2)!important;border-bottom:var(--bdr2)!important}.bdrv3{border-top:var(--bdr3)!important;border-bottom:var(--bdr3)!important}.bdrv4{border-top:var(--bdr4)!important;border-bottom:var(--bdr4)!important}.bdrv5{border-top:var(--bdr5)!important;border-bottom:var(--bdr5)!important}.bdrv6{border-top:var(--bdr6)!important;border-bottom:var(--bdr6)!important}.box0{box-shadow:none!important}.box1{box-shadow:var(--box1)}.box,.box2,.box2h,.boxh{box-shadow:var(--box2)}.box3{box-shadow:var(--box3)}.box4{box-shadow:var(--box4)}.box5{box-shadow:var(--box5)}.box6{box-shadow:var(--box6)}.boxh:focus,.boxh:hover{box-shadow:var(--box3)}.in0{box-shadow:none!important}.in1{box-shadow:var(--in1)}.in,.in2,.in2h,.inh{box-shadow:var(--in2)}.in3{box-shadow:var(--in3)}.in4{box-shadow:var(--in4)}.in5{box-shadow:var(--in5)}.in6{box-shadow:var(--in6)}.inh:focus,.inh:hover{box-shadow:var(--in3)}.t0{color:transparent!important}.t1{color:var(--t1)!important}.t2{color:var(--t2)!important}.t3{color:var(--t3)!important}.t4{color:var(--t4)!important}.t5{color:var(--t5)!important}.t6{color:var(--t6)!important}.success{color:var(--success)!important}.warning{color:var(--warning)!important}.danger{color:var(--danger)!important}.info{color:var(--info)!important}.white{color:var(--white)!important}.black{color:var(--black)!important}.grey{color:var(--grey)!important}.red{color:var(--red)!important}.orange{color:var(--orange)!important}.yellow{color:var(--yellow)!important}.green{color:var(--green)!important}.blue{color:var(--blue)!important}.indigo{color:var(--indigo)!important}.violet{color:var(--violet)!important}.white2{color:var(--white2)!important}.black2{color:var(--black2)!important}.grey2{color:var(--grey2)!important}.red2{color:var(--red2)!important}.orange2{color:var(--orange2)!important}.yellow2{color:var(--yellow2)!important}.green2{color:var(--green2)!important}.blue2{color:var(--blue2)!important}.indigo2{color:var(--indigo2)!important}.violet2{color:var(--violet2)!important}.white3{color:var(--white3)!important}.black3{color:var(--black3)!important}.grey3{color:var(--grey3)!important}.red3{color:var(--red3)!important}.orange3{color:var(--orange3)!important}.yellow3{color:var(--yellow3)!important}.green3{color:var(--green3)!important}.blue3{color:var(--blue3)!important}.indigo3{color:var(--indigo3)!important}.violet3{color:var(--violet3)!important}.csr,.csr-pointer{cursor:pointer!important}.csr-default{cursor:default!important}.fnts1{font-size:var(--fnts1)}.fnts2{font-size:var(--fnts2)}.fnts3{font-size:var(--fnts3)}.fnts4{font-size:var(--fnts4)}.fnts5{font-size:var(--fnts5)}.fnts6{font-size:var(--fnts6)}.fntw1{font-weight:var(--fntw1)}.fntw2{font-weight:var(--fntw2)}.fntw3{font-weight:var(--fntw3)}.fntw4{font-weight:var(--fntw4)}.fntw5{font-weight:var(--fntw5)}.fntw6{font-weight:var(--fntw6)}.lht1{line-height:var(--lht1)}.lht2{line-height:var(--lht2)}.lht3{line-height:var(--lht3)}.lht4{line-height:var(--lht4)}.lht5{line-height:var(--lht5)}.lht6{line-height:var(--lht6)}.mrgba{margin-bottom:auto!important}.mrgb0{margin-bottom:0!important}.mrgb1{margin-bottom:var(--mrg1)!important}.mrgb,.mrgb2{margin-bottom:var(--mrg2)!important}.mrgb3{margin-bottom:var(--mrg3)!important}.mrgb4{margin-bottom:var(--mrg4)!important}.mrgb5{margin-bottom:var(--mrg5)!important}.mrgb6{margin-bottom:var(--mrg6)!important}.mrga{margin:auto!important}.mrg0{margin:0!important}.mrg1{margin:var(--mrg1)!important}.mrg,.mrg2{margin:var(--mrg2)!important}.mrg3{margin:var(--mrg3)!important}.mrg4{margin:var(--mrg4)!important}.mrg5{margin:var(--mrg5)!important}.mrg6{margin:var(--mrg6)!important}.mrgha{margin-left:auto!important;margin-right:auto!important}.mrgh0{margin-left:0!important;margin-right:0!important}.mrgh1{margin-left:var(--mrg1)!important;margin-right:var(--mrg1)!important}.mrgh,.mrgh2{margin-left:var(--mrg2)!important;margin-right:var(--mrg2)!important}.mrgh3{margin-left:var(--mrg3)!important;margin-right:var(--mrg3)!important}.mrgh4{margin-left:var(--mrg4)!important;margin-right:var(--mrg4)!important}.mrgh5{margin-left:var(--mrg5)!important;margin-right:var(--mrg5)!important}.mrgh6{margin-left:var(--mrg6)!important;margin-right:var(--mrg6)!important}.mrgla{margin-left:auto!important}.mrgl0{margin-left:0!important}.mrgl1{margin-left:var(--mrg1)!important}.mrgl,.mrgl2{margin-left:var(--mrg2)!important}.mrgl3{margin-left:var(--mrg3)!important}.mrgl4{margin-left:var(--mrg4)!important}.mrgl5{margin-left:var(--mrg5)!important}.mrgl6{margin-left:var(--mrg6)!important}.mrgra{margin-right:auto!important}.mrgr0{margin-right:0!important}.mrgr1{margin-right:var(--mrg1)!important}.mrgr,.mrgr2{margin-right:var(--mrg2)!important}.mrgr3{margin-right:var(--mrg3)!important}.mrgr4{margin-right:var(--mrg4)!important}.mrgr5{margin-right:var(--mrg5)!important}.mrgr6{margin-right:var(--mrg6)!important}.mrgta{margin-top:auto!important}.mrgt0{margin-top:0!important}.mrgt1{margin-top:var(--mrg1)!important}.mrgt,.mrgt2{margin-top:var(--mrg2)!important}.mrgt3{margin-top:var(--mrg3)!important}.mrgt4{margin-top:var(--mrg4)!important}.mrgt5{margin-top:var(--mrg5)!important}.mrgt6{margin-top:var(--mrg6)!important}.mrgva{margin-top:auto!important;margin-bottom:auto!important}.mrgv0{margin-top:0!important;margin-bottom:0!important}.mrgv1{margin-top:var(--mrg1)!important;margin-bottom:var(--mrg1)!important}.mrgv,.mrgv2{margin-top:var(--mrg2)!important;margin-bottom:var(--mrg2)!important}.mrgv3{margin-top:var(--mrg3)!important;margin-bottom:var(--mrg3)!important}.mrgv4{margin-top:var(--mrg4)!important;margin-bottom:var(--mrg4)!important}.mrgv5{margin-top:var(--mrg5)!important;margin-bottom:var(--mrg5)!important}.mrgv6{margin-top:var(--mrg6)!important;margin-bottom:var(--mrg6)!important}.opa{opacity:auto!important}.op10{opacity:10%!important}.op20{opacity:20%!important}.op25{opacity:25%!important}.op33{opacity:33%!important}.op40{opacity:40%!important}.op50{opacity:50%!important}.op60{opacity:60%!important}.op66{opacity:66%!important}.op75{opacity:75%!important}.op80{opacity:80%!important}.op90{opacity:90%!important}.op,.op100{opacity:100%!important}.ov{overflow:auto}.ovy{overflow-y:auto}.ovx{overflow-x:auto}.ovh{overflow:hidden}.padba{padding-bottom:auto!important}.padb0{padding-bottom:0!important}.padb1{padding-bottom:var(--pad1)!important}.padb,.padb2{padding-bottom:var(--pad2)!important}.padb3{padding-bottom:var(--pad3)!important}.padb4{padding-bottom:var(--pad4)!important}.padb5{padding-bottom:var(--pad5)!important}.padb6{padding-bottom:var(--pad6)!important}.pada{padding:auto!important}.pad0{padding:0!important}.pad1{padding:var(--pad1)!important}.pad,.pad2{padding:var(--pad2)!important}.pad3{padding:var(--pad3)!important}.pad4{padding:var(--pad4)!important}.pad5{padding:var(--pad5)!important}.pad6{padding:var(--pad6)!important}.padha{padding-left:auto!important;padding-right:auto!important}.padh0{padding-left:0!important;padding-right:0!important}.padh1{padding-left:var(--pad1)!important;padding-right:var(--pad1)!important}.padh,.padh2{padding-left:var(--pad2)!important;padding-right:var(--pad2)!important}.padh3{padding-left:var(--pad3)!important;padding-right:var(--pad3)!important}.padh4{padding-left:var(--pad4)!important;padding-right:var(--pad4)!important}.padh5{padding-left:var(--pad5)!important;padding-right:var(--pad5)!important}.padh6{padding-left:var(--pad6)!important;padding-right:var(--pad6)!important}.padla{padding-left:auto!important}.padl0{padding-left:0!important}.padl1{padding-left:var(--pad1)!important}.padl,.padl2{padding-left:var(--pad2)!important}.padl3{padding-left:var(--pad3)!important}.padl4{padding-left:var(--pad4)!important}.padl5{padding-left:var(--pad5)!important}.padl6{padding-left:var(--pad6)!important}.padra{padding-right:auto!important}.padr0{padding-right:0!important}.padr1{padding-right:var(--pad1)!important}.padr,.padr2{padding-right:var(--pad2)!important}.padr3{padding-right:var(--pad3)!important}.padr4{padding-right:var(--pad4)!important}.padr5{padding-right:var(--pad5)!important}.padr6{padding-right:var(--pad6)!important}.padta{padding-top:auto!important}.padt0{padding-top:0!important}.padt1{padding-top:var(--pad1)!important}.padt,.padt2{padding-top:var(--pad2)!important}.padt3{padding-top:var(--pad3)!important}.padt4{padding-top:var(--pad4)!important}.padt5{padding-top:var(--pad5)!important}.padt6{padding-top:var(--pad6)!important}.padva{padding-top:auto!important;padding-bottom:auto!important}.padv0{padding-top:0!important;padding-bottom:0!important}.padv1{padding-top:var(--pad1)!important;padding-bottom:var(--pad1)!important}.padv,.padv2{padding-top:var(--pad2)!important;padding-bottom:var(--pad2)!important}.padv3{padding-top:var(--pad3)!important;padding-bottom:var(--pad3)!important}.padv4{padding-top:var(--pad4)!important;padding-bottom:var(--pad4)!important}.padv5{padding-top:var(--pad5)!important;padding-bottom:var(--pad5)!important}.padv6{padding-top:var(--pad6)!important;padding-bottom:var(--pad6)!important}.rotate0{transform:rotate(0)}.rotate45{transform:rotate(45deg)}.rotate90{transform:rotate(90deg)}.rotate135{transform:rotate(135deg)}.rotate180{transform:rotate(180deg)}.rotate225{transform:rotate(225deg)}.rotate270{transform:rotate(270deg)}.rotate315{transform:rotate(315deg)}.rotate360{transform:rotate(360deg)}.col-spacer1>*{margin:var(--mrg1) 0}.col-spacer2>*,.col-spacer>*{margin:var(--mrg2) 0}.col-spacer3>*{margin:var(--mrg3) 0}.col-spacer4>*{margin:var(--mrg4) 0}.col-spacer5>*{margin:var(--mrg5) 0}.col-spacer6>*{margin:var(--mrg6) 0}.row-spacer1>*{margin:0 var(--mrg1)}.row-spacer2>*,.row-spacer>*{margin:0 var(--mrg2)}.row-spacer3>*{margin:0 var(--mrg3)}.row-spacer4>*{margin:0 var(--mrg4)}.row-spacer5>*{margin:0 var(--mrg5)}.row-spacer6>*{margin:0 var(--mrg6)}.txtc{text-align:center}.txtl{text-align:left}.txtr{text-align:right}.txtd0{text-decoration:none}.txts0{text-shadow:none!important}.txts1{text-shadow:var(--txts1)!important}.txts,.txts2{text-shadow:var(--txts2)!important}.txts3{text-shadow:var(--txts3)!important}.txts4{text-shadow:var(--txts4)!important}.txts5{text-shadow:var(--txts5)!important}.txts6{text-shadow:var(--txts6)!important}.visible{visibility:visible}.hidden{visibility:hidden}.z0{z-index:-1}.z1{z-index:1}.z2{z-index:5}.z3{z-index:10}.z4{z-index:25}.z5{z-index:50}.z6{z-index:100}