axentix
Version:
Axentix is a framework mixing fully customizable components & utility-first classes, leaving the design choice to the developer.
2 lines (1 loc) • 24 kB
CSS
.font-w100{font-weight:100}.font-w200{font-weight:200}.font-w300{font-weight:300}.font-w400{font-weight:400}.font-w500{font-weight:500}.font-w600{font-weight:600}.font-w700{font-weight:700}.font-w800{font-weight:800}.font-w900{font-weight:900}.font-s1{font-size:.75rem}.font-s2{font-size:1rem}.font-s3{font-size:1.25rem}.font-s4{font-size:1.5rem}.font-s5{font-size:1.75rem}.font-s6{font-size:2rem}.font-s7{font-size:2.5rem}.font-s8{font-size:3rem}.font-s9{font-size:3.5rem}.font-s10{font-size:4.25rem}.font-s11{font-size:5rem}.font-s12{font-size:6rem}.font-ls1{letter-spacing:2.25px}.font-ls2{letter-spacing:3px}.font-ls3{letter-spacing:3.75px}.font-ls4{letter-spacing:4.5px}.font-ls5{letter-spacing:5.25px}.shadow-0,.light-shadow-0{box-shadow:none}.shadow-1{box-shadow:0 4px 8px #0000001a,0 2px 5px 2px #0000000f}.shadow-2{box-shadow:0 5px 8px #0000001a,0 3px 8px 3px #0000001a}.shadow-3{box-shadow:0 6px 8px #0000001a,0 5px 12px 4px #00000026}.shadow-4{box-shadow:0 7px 8px #0000001a,0 7px 18px 6px #00000026}.shadow-5{box-shadow:0 8px 9px #0000001f,0 10px 25px 8px #00000026}.light-shadow-1{box-shadow:0 6px 10px -5px #0000001a,0 4px 6px -2px #0000000d}.light-shadow-2{box-shadow:0 8px 12px -2px #0000001a,0 4px 6px -2px #0000000d}.light-shadow-3{box-shadow:0 10px 15px -1px #0000001a,0 6px 8px #0000000d}.light-shadow-4{box-shadow:0 15px 20px -1px #0000001c,0 8px 10px #0000000f}.light-shadow-5{box-shadow:0 20px 30px #0000001f,0 10px 10px -2px #0000000f}.hoverable-1:not(.btn-press):not(.btn-outline){transition-property:box-shadow,transform;transition-timing-function:ease;transition-duration:.2s}.hoverable-1:not(.btn-press):not(.btn-outline):hover{box-shadow:0 9px 8px #0000001a,0 5px 8px 3px #0000001f;transform:translateY(-5px)}.hoverable-2:not(.btn-press):not(.btn-outline){transition-property:box-shadow,transform;transition-timing-function:ease;transition-duration:.2s}.hoverable-2:not(.btn-press):not(.btn-outline):hover{box-shadow:0 10px 8px #0000001a,0 6px 8px 3px #00000029;transform:translateY(-5px)}.hoverable-3:not(.btn-press):not(.btn-outline){transition-property:box-shadow,transform;transition-timing-function:ease;transition-duration:.2s}.hoverable-3:not(.btn-press):not(.btn-outline):hover{box-shadow:0 11px 8px #0000001a,0 8px 12px 4px #0003;transform:translateY(-5px)}.hoverable-4:not(.btn-press):not(.btn-outline){transition-property:box-shadow,transform;transition-timing-function:ease;transition-duration:.2s}.hoverable-4:not(.btn-press):not(.btn-outline):hover{box-shadow:0 12px 8px #0000001a,0 16px 18px 6px #0003;transform:translateY(-5px)}.hoverable-5:not(.btn-press):not(.btn-outline){transition-property:box-shadow,transform;transition-timing-function:ease;transition-duration:.2s}.hoverable-5:not(.btn-press):not(.btn-outline):hover{box-shadow:0 13px 9px #0000001f,0 18px 25px 8px #0003;transform:translateY(-5px)}.light-hoverable-1:not(.btn-press):not(.btn-outline){transition-property:box-shadow,transform;transition-timing-function:ease-out;transition-duration:.3s}.light-hoverable-1:not(.btn-press):not(.btn-outline):hover{box-shadow:0 11px 10px -5px #0000001a,0 9px 6px -2px #0000000f;transform:translateY(-5px)}.light-hoverable-2:not(.btn-press):not(.btn-outline){transition-property:box-shadow,transform;transition-timing-function:ease-out;transition-duration:.3s}.light-hoverable-2:not(.btn-press):not(.btn-outline):hover{box-shadow:0 13px 12px -2px #0000001c,0 9px 6px -7px #0000000f;transform:translateY(-5px)}.light-hoverable-3:not(.btn-press):not(.btn-outline){transition-property:box-shadow,transform;transition-timing-function:ease-out;transition-duration:.3s}.light-hoverable-3:not(.btn-press):not(.btn-outline):hover{box-shadow:0 15px 15px -1px #0000001c,0 11px 8px #0000000f;transform:translateY(-5px)}.light-hoverable-4:not(.btn-press):not(.btn-outline){transition-property:box-shadow,transform;transition-timing-function:ease-out;transition-duration:.3s}.light-hoverable-4:not(.btn-press):not(.btn-outline):hover{box-shadow:0 20px 20px -1px #0000001f,0 13px 10px #00000012;transform:translateY(-5px)}.light-hoverable-5:not(.btn-press):not(.btn-outline){transition-property:box-shadow,transform;transition-timing-function:ease-out;transition-duration:.3s}.light-hoverable-5:not(.btn-press):not(.btn-outline):hover{box-shadow:0 25px 30px -1px #00000021,0 15px 10px -2px #00000012;transform:translateY(-5px)}.dropshadow-0{filter:none}.dropshadow-1{filter:drop-shadow(0 .15rem .1rem #808080)}.dropshadow-2{filter:drop-shadow(0 .15rem .125rem #5f5f5f)}.dropshadow-3{filter:drop-shadow(0 .15rem .15rem #494949)}.dropshadow-4{filter:drop-shadow(0 .15rem .15rem #292929)}.dropshadow-5{filter:drop-shadow(0 .15rem .2rem #000000)}.textshadow-0{text-shadow:none}.textshadow-1{text-shadow:0 2px 5px rgba(0,0,0,.4)}.textshadow-2{text-shadow:2px 4px 3px rgba(0,0,0,.3)}.textshadow-3{text-shadow:0px 4px 3px rgba(0,0,0,.5)}.textshadow-4{text-shadow:6px 6px 0px rgba(0,0,0,.2)}.hover-bg:hover:not(.sidenav):not(.collapsible):not(.navbar):not(.navbar-menu):not(.dropdown){background-color:var(--ax-hover-background)}.hover-bg-dark{--ax-hover-background: var(--ax-hover-background-dark)}.hover-bg-dark:hover:not(.sidenav):not(.collapsible):not(.navbar):not(.navbar-menu):not(.dropdown){background-color:var(--ax-hover-background-dark)}.hover-text:hover:not(.sidenav):not(.collapsible):not(.navbar):not(.navbar-menu):not(.dropdown){color:var(--ax-hover-text-color)}.hover-text-dark:hover:not(.sidenav):not(.collapsible):not(.navbar):not(.navbar-menu):not(.dropdown){color:var(--ax-hover-text-color-dark)}.w100{width:100%}.h100{height:100%}.d-block{display:block}.d-flex{display:flex}.d-grid{display:grid}.d-table{display:table}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-inline-flex{display:inline-flex}.d-inline-table{display:inline-table}.fx-col{flex-direction:column}.fx-col-reverse{flex-direction:column-reverse}.fx-row{flex-direction:row}.fx-row-reverse{flex-direction:row-reverse}.fx-grow{flex-grow:1}.fx-wrap{flex-wrap:wrap}.fx-nowrap{flex-wrap:nowrap}.fx-wrap-reverse{flex-wrap:wrap-reverse}.hide{display:none}@media screen and (max-width: 599.98px){.hide-xs{display:none}}@media screen and (min-width: 600px) and (max-width: 959.98px){.hide-sm{display:none}}@media screen and (min-width: 960px) and (max-width: 1279.98px){.hide-md{display:none}}@media screen and (min-width: 1280px) and (max-width: 1919.98px){.hide-lg{display:none}}@media screen and (min-width: 1920px){.hide-xl{display:none}}@media screen and (max-width: 959.98px){.hide-sm-down{display:none}}@media screen and (max-width: 1279.98px){.hide-md-down{display:none}}@media screen and (max-width: 1919.98px){.hide-lg-down{display:none}}@media screen and (min-width: 600px){.hide-sm-up{display:none}}@media screen and (min-width: 960px){.hide-md-up{display:none}}@media screen and (min-width: 1280px){.hide-lg-up{display:none}}.text-left{text-align:left!important}.text-center{text-align:center}.text-right{text-align:right!important}.text-justify{text-align:justify}.center{justify-items:center}.left{justify-items:start}.right{justify-items:end}.fx-center{justify-content:center}.fx-right{justify-content:flex-end}.fx-left{justify-content:flex-start}.fx-space-between{justify-content:space-between}.fx-space-around{justify-content:space-around}.self-center{justify-self:center}.self-left{justify-self:start}.self-right{justify-self:end}.vtop{align-items:start}.vcenter{align-items:center}.vbottom{align-items:end}.vstretch{align-items:stretch}.vself-top{align-self:start}.vself-center{align-self:center}.vself-bottom{align-self:end}.vself-stretch{align-self:stretch}.float-left{float:left!important}.float-right{float:right!important}.m-0{margin:0}.p-0{padding:0}.m-1{margin:.25rem}.p-1{padding:.25rem}.m-2{margin:.5rem}.p-2{padding:.5rem}.m-3{margin:1rem}.p-3{padding:1rem}.m-4{margin:1.5rem}.p-4{padding:1.5rem}.m-5{margin:2.5rem}.p-5{padding:2.5rem}.m-auto{margin:auto}.mx-0{margin-left:0;margin-right:0}.my-0{margin-top:0;margin-bottom:0}.px-0{padding-left:0;padding-right:0}.py-0{padding-top:0;padding-bottom:0}.mx-1{margin-left:.25rem;margin-right:.25rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.px-1{padding-left:.25rem;padding-right:.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.mx-3{margin-left:1rem;margin-right:1rem}.my-3{margin-top:1rem;margin-bottom:1rem}.px-3{padding-left:1rem;padding-right:1rem}.py-3{padding-top:1rem;padding-bottom:1rem}.mx-4{margin-left:1.5rem;margin-right:1.5rem}.my-4{margin-top:1.5rem;margin-bottom:1.5rem}.px-4{padding-left:1.5rem;padding-right:1.5rem}.py-4{padding-top:1.5rem;padding-bottom:1.5rem}.mx-5{margin-left:2.5rem;margin-right:2.5rem}.my-5{margin-top:2.5rem;margin-bottom:2.5rem}.px-5{padding-left:2.5rem;padding-right:2.5rem}.py-5{padding-top:2.5rem;padding-bottom:2.5rem}.mx-auto,.container{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.mt-0{margin-top:0}.mr-0{margin-right:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.pt-0{padding-top:0}.pr-0{padding-right:0}.pb-0{padding-bottom:0}.pl-0{padding-left:0}.mt-1{margin-top:.25rem}.mr-1{margin-right:.25rem}.mb-1{margin-bottom:.25rem}.ml-1{margin-left:.25rem}.pt-1{padding-top:.25rem}.pr-1{padding-right:.25rem}.pb-1{padding-bottom:.25rem}.pl-1{padding-left:.25rem}.mt-2{margin-top:.5rem}.mr-2{margin-right:.5rem}.mb-2{margin-bottom:.5rem}.ml-2{margin-left:.5rem}.pt-2{padding-top:.5rem}.pr-2{padding-right:.5rem}.pb-2{padding-bottom:.5rem}.pl-2{padding-left:.5rem}.mt-3{margin-top:1rem}.mr-3{margin-right:1rem}.mb-3{margin-bottom:1rem}.ml-3{margin-left:1rem}.pt-3{padding-top:1rem}.pr-3{padding-right:1rem}.pb-3{padding-bottom:1rem}.pl-3{padding-left:1rem}.mt-4{margin-top:1.5rem}.mr-4{margin-right:1.5rem}.mb-4{margin-bottom:1.5rem}.ml-4{margin-left:1.5rem}.pt-4{padding-top:1.5rem}.pr-4{padding-right:1.5rem}.pb-4{padding-bottom:1.5rem}.pl-4{padding-left:1.5rem}.mt-5{margin-top:2.5rem}.mr-5{margin-right:2.5rem}.mb-5{margin-bottom:2.5rem}.ml-5{margin-left:2.5rem}.pt-5{padding-top:2.5rem}.pr-5{padding-right:2.5rem}.pb-5{padding-bottom:2.5rem}.pl-5{padding-left:2.5rem}.mt-auto{margin-top:auto}.mr-auto{margin-right:auto}.mb-auto{margin-bottom:auto}.ml-auto{margin-left:auto}.bd-0{border-width:0}.bd-1{border-width:1px}.bd-2{border-width:1.5px}.bd-3{border-width:2px}.bd-4{border-width:4px}.bd-5{border-width:6px}.bd-t-0{border-top-width:0}.bd-r-0{border-right-width:0}.bd-b-0{border-bottom-width:0}.bd-l-0{border-left-width:0}.bd-x-0{border-left-width:0;border-right-width:0}.bd-y-0{border-top-width:0;border-bottom-width:0}.bd-t-1{border-top-width:1px}.bd-r-1{border-right-width:1px}.bd-b-1{border-bottom-width:1px}.bd-l-1{border-left-width:1px}.bd-x-1{border-left-width:1px;border-right-width:1px}.bd-y-1{border-top-width:1px;border-bottom-width:1px}.bd-t-2{border-top-width:1.5px}.bd-r-2{border-right-width:1.5px}.bd-b-2{border-bottom-width:1.5px}.bd-l-2{border-left-width:1.5px}.bd-x-2{border-left-width:1.5px;border-right-width:1.5px}.bd-y-2{border-top-width:1.5px;border-bottom-width:1.5px}.bd-t-3{border-top-width:2px}.bd-r-3{border-right-width:2px}.bd-b-3{border-bottom-width:2px}.bd-l-3{border-left-width:2px}.bd-x-3{border-left-width:2px;border-right-width:2px}.bd-y-3{border-top-width:2px;border-bottom-width:2px}.bd-t-4{border-top-width:4px}.bd-r-4{border-right-width:4px}.bd-b-4{border-bottom-width:4px}.bd-l-4{border-left-width:4px}.bd-x-4{border-left-width:4px;border-right-width:4px}.bd-y-4{border-top-width:4px;border-bottom-width:4px}.bd-t-5{border-top-width:6px}.bd-r-5{border-right-width:6px}.bd-b-5{border-bottom-width:6px}.bd-l-5{border-left-width:6px}.bd-x-5{border-left-width:6px;border-right-width:6px}.bd-y-5{border-top-width:6px;border-bottom-width:6px}.bd-dashed{border-style:dashed}.bd-dotted{border-style:dotted}.bd-double{border-style:double}.bd-groove{border-style:groove}.bd-hidden{border-style:hidden}.bd-none{border-style:none}.bd-inset{border-style:inset}.bd-outset{border-style:outset}.bd-ridge{border-style:ridge}.bd-solid{border-style:solid}.bd-revert{border-style:revert}.bd-t-dashed{border-top-style:dashed}.bd-r-dashed{border-right-style:dashed}.bd-b-dashed{border-bottom-style:dashed}.bd-l-dashed{border-left-style:dashed}.bd-x-dashed{border-left-style:dashed;border-right-style:dashed}.bd-y-dashed{border-top-style:dashed;border-bottom-style:dashed}.bd-t-dotted{border-top-style:dotted}.bd-r-dotted{border-right-style:dotted}.bd-b-dotted{border-bottom-style:dotted}.bd-l-dotted{border-left-style:dotted}.bd-x-dotted{border-left-style:dotted;border-right-style:dotted}.bd-y-dotted{border-top-style:dotted;border-bottom-style:dotted}.bd-t-double{border-top-style:double}.bd-r-double{border-right-style:double}.bd-b-double{border-bottom-style:double}.bd-l-double{border-left-style:double}.bd-x-double{border-left-style:double;border-right-style:double}.bd-y-double{border-top-style:double;border-bottom-style:double}.bd-t-groove{border-top-style:groove}.bd-r-groove{border-right-style:groove}.bd-b-groove{border-bottom-style:groove}.bd-l-groove{border-left-style:groove}.bd-x-groove{border-left-style:groove;border-right-style:groove}.bd-y-groove{border-top-style:groove;border-bottom-style:groove}.bd-t-hidden{border-top-style:hidden}.bd-r-hidden{border-right-style:hidden}.bd-b-hidden{border-bottom-style:hidden}.bd-l-hidden{border-left-style:hidden}.bd-x-hidden{border-left-style:hidden;border-right-style:hidden}.bd-y-hidden{border-top-style:hidden;border-bottom-style:hidden}.bd-t-none{border-top-style:none}.bd-r-none{border-right-style:none}.bd-b-none{border-bottom-style:none}.bd-l-none{border-left-style:none}.bd-x-none{border-left-style:none;border-right-style:none}.bd-y-none{border-top-style:none;border-bottom-style:none}.bd-t-inset{border-top-style:inset}.bd-r-inset{border-right-style:inset}.bd-b-inset{border-bottom-style:inset}.bd-l-inset{border-left-style:inset}.bd-x-inset{border-left-style:inset;border-right-style:inset}.bd-y-inset{border-top-style:inset;border-bottom-style:inset}.bd-t-outset{border-top-style:outset}.bd-r-outset{border-right-style:outset}.bd-b-outset{border-bottom-style:outset}.bd-l-outset{border-left-style:outset}.bd-x-outset{border-left-style:outset;border-right-style:outset}.bd-y-outset{border-top-style:outset;border-bottom-style:outset}.bd-t-ridge{border-top-style:ridge}.bd-r-ridge{border-right-style:ridge}.bd-b-ridge{border-bottom-style:ridge}.bd-l-ridge{border-left-style:ridge}.bd-x-ridge{border-left-style:ridge;border-right-style:ridge}.bd-y-ridge{border-top-style:ridge;border-bottom-style:ridge}.bd-t-solid{border-top-style:solid}.bd-r-solid{border-right-style:solid}.bd-b-solid{border-bottom-style:solid}.bd-l-solid{border-left-style:solid}.bd-x-solid{border-left-style:solid;border-right-style:solid}.bd-y-solid{border-top-style:solid;border-bottom-style:solid}.bd-t-revert{border-top-style:revert}.bd-r-revert{border-right-style:revert}.bd-b-revert{border-bottom-style:revert}.bd-l-revert{border-left-style:revert}.bd-x-revert{border-left-style:revert;border-right-style:revert}.bd-y-revert{border-top-style:revert;border-bottom-style:revert}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.divider{width:100%;border-bottom:solid;border-width:thin;border-color:#0000004d}.blockquote{border-left:5px solid #2196f3;margin:0;padding:1rem 2rem}.container{width:75%}@media screen and (max-width: 959.98px){.container{width:85%}}@media screen and (max-width: 599.98px){.container{width:90%}}.rounded-0{border-radius:0}.rounded-1{border-radius:5px}.rounded-2{border-radius:10px}.rounded-3{border-radius:20px}.rounded-4{border-radius:30px}.rounded-full{border-radius:100%}.rounded-tl0{border-top-left-radius:0}.rounded-tr0{border-top-right-radius:0}.rounded-bl0{border-bottom-left-radius:0}.rounded-br0{border-bottom-right-radius:0}.rounded-tl1{border-top-left-radius:5px}.rounded-tr1{border-top-right-radius:5px}.rounded-bl1{border-bottom-left-radius:5px}.rounded-br1{border-bottom-right-radius:5px}.rounded-tl2{border-top-left-radius:10px}.rounded-tr2{border-top-right-radius:10px}.rounded-bl2{border-bottom-left-radius:10px}.rounded-br2{border-bottom-right-radius:10px}.rounded-tl3{border-top-left-radius:20px}.rounded-tr3{border-top-right-radius:20px}.rounded-bl3{border-bottom-left-radius:20px}.rounded-br3{border-bottom-right-radius:20px}.rounded-tl4{border-top-left-radius:30px}.rounded-tr4{border-top-right-radius:30px}.rounded-bl4{border-bottom-left-radius:30px}.rounded-br4{border-bottom-right-radius:30px}.rounded-tlfull{border-top-left-radius:100%}.rounded-trfull{border-top-right-radius:100%}.rounded-blfull{border-bottom-left-radius:100%}.rounded-brfull{border-bottom-right-radius:100%}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.absolute-pos{position:absolute}.fixed-pos{position:fixed}.relative-pos{position:relative}.cursor-default{cursor:default!important}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed!important}.cursor-grab{cursor:grab}.cursor-wait{cursor:wait}.cursor-zoom-in{cursor:zoom-in}.cursor-zoom-out{cursor:zoom-out}.cursor-none{cursor:none}.overflow-visible{overflow:visible}.overflow-x-visible{overflow-x:visible}.overflow-y-visible{overflow-y:visible}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-scroll{overflow:scroll}.overflow-x-scroll{overflow-x:scroll}.overflow-y-scroll{overflow-y:scroll}.overflow-initial{overflow:initial}.overflow-x-initial{overflow-x:initial}.overflow-y-initial{overflow-y:initial}.overflow-inherit{overflow:inherit}.overflow-x-inherit{overflow-x:inherit}.overflow-y-inherit{overflow-y:inherit}.lh-normal{line-height:normal}.lh-1{line-height:1}.lh-2{line-height:1.25}.lh-3{line-height:1.375}.lh-4{line-height:1.5}.lh-5{line-height:1.625}.lh-6{line-height:2}.lh-rem-1{line-height:1rem}.lh-rem-2{line-height:1.25rem}.lh-rem-3{line-height:1.5rem}.lh-rem-4{line-height:1.75rem}.lh-rem-5{line-height:2rem}.z-index-0{z-index:0}.z-index-1{z-index:1}.z-index-2{z-index:2}.z-index-3{z-index:3}.z-index-4{z-index:4}.z-index-5{z-index:5}.z-index-6{z-index:6}.z-index-7{z-index:7}.z-index-8{z-index:8}.z-index-9{z-index:9}.z-index-10{z-index:10}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-100{opacity:1}.responsive-media{max-width:100%;height:auto}.wb-break-all{word-break:break-all}.wb-keep-all{word-break:keep-all}.wb-normal{word-break:normal}.wb-break-word{word-break:break-word}.wb-unset{word-break:unset}.flip-v{transform:scaleX(-1)}.flip-h{transform:scaleY(-1)}.flip-vh{transform:scale(-1)}.scale-down1{transform:scale(.9)}.scale-down2{transform:scale(.8)}.scale-down3{transform:scale(.7)}.scale-down4{transform:scale(.6)}.scale-down5{transform:scale(.5)}.scale-down6{transform:scale(.4)}.scale-down7{transform:scale(.3)}.scale-down8{transform:scale(.2)}.scale-down9{transform:scale(.1)}.scale-up1{transform:scale(1.1)}.scale-up2{transform:scale(1.2)}.scale-up3{transform:scale(1.3)}.scale-up4{transform:scale(1.4)}.scale-up5{transform:scale(1.5)}.scale-up6{transform:scale(1.6)}.scale-up7{transform:scale(1.7)}.scale-up8{transform:scale(1.8)}.scale-up9{transform:scale(1.9)}