uxlib
Version:
A clean and powerful utility library by Subrata
1 lines • 15.4 kB
CSS
.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.p-9{padding:2.25rem}.p-10{padding:2.5rem}.p-11{padding:2.75rem}.p-12{padding:3rem}.p-13{padding:3.25rem}.p-14{padding:3.5rem}.p-15{padding:3.75rem}.p-16{padding:4rem}.p-17{padding:4.25rem}.p-18{padding:4.5rem}.p-19{padding:4.75rem}.p-20{padding:5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.px-9{padding-left:2.25rem;padding-right:2.25rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-11{padding-left:2.75rem;padding-right:2.75rem}.px-12{padding-left:3rem;padding-right:3rem}.px-13{padding-left:3.25rem;padding-right:3.25rem}.px-14{padding-left:3.5rem;padding-right:3.5rem}.px-15{padding-left:3.75rem;padding-right:3.75rem}.px-16{padding-left:4rem;padding-right:4rem}.px-17{padding-left:4.25rem;padding-right:4.25rem}.px-18{padding-left:4.5rem;padding-right:4.5rem}.px-19{padding-left:4.75rem;padding-right:4.75rem}.px-20{padding-left:5rem;padding-right:5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-7{padding-bottom:1.75rem;padding-top:1.75rem}.py-8{padding-bottom:2rem;padding-top:2rem}.py-9{padding-bottom:2.25rem;padding-top:2.25rem}.py-10{padding-bottom:2.5rem;padding-top:2.5rem}.py-11{padding-bottom:2.75rem;padding-top:2.75rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-13{padding-bottom:3.25rem;padding-top:3.25rem}.py-14{padding-bottom:3.5rem;padding-top:3.5rem}.py-15{padding-bottom:3.75rem;padding-top:3.75rem}.py-16{padding-bottom:4rem;padding-top:4rem}.py-17{padding-bottom:4.25rem;padding-top:4.25rem}.py-18{padding-bottom:4.5rem;padding-top:4.5rem}.py-19{padding-bottom:4.75rem;padding-top:4.75rem}.py-20{padding-bottom:5rem;padding-top:5rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-7{padding-top:1.75rem}.pt-8{padding-top:2rem}.pt-9{padding-top:2.25rem}.pt-10{padding-top:2.5rem}.pt-11{padding-top:2.75rem}.pt-12{padding-top:3rem}.pt-13{padding-top:3.25rem}.pt-14{padding-top:3.5rem}.pt-15{padding-top:3.75rem}.pt-16{padding-top:4rem}.pt-17{padding-top:4.25rem}.pt-18{padding-top:4.5rem}.pt-19{padding-top:4.75rem}.pt-20{padding-top:5rem}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pb-7{padding-bottom:1.75rem}.pb-8{padding-bottom:2rem}.pb-9{padding-bottom:2.25rem}.pb-10{padding-bottom:2.5rem}.pb-11{padding-bottom:2.75rem}.pb-12{padding-bottom:3rem}.pb-13{padding-bottom:3.25rem}.pb-14{padding-bottom:3.5rem}.pb-15{padding-bottom:3.75rem}.pb-16{padding-bottom:4rem}.pb-17{padding-bottom:4.25rem}.pb-18{padding-bottom:4.5rem}.pb-19{padding-bottom:4.75rem}.pb-20{padding-bottom:5rem}.pl-1{padding-left:.25rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pl-6{padding-left:1.5rem}.pl-7{padding-left:1.75rem}.pl-8{padding-left:2rem}.pl-9{padding-left:2.25rem}.pl-10{padding-left:2.5rem}.pl-11{padding-left:2.75rem}.pl-12{padding-left:3rem}.pl-13{padding-left:3.25rem}.pl-14{padding-left:3.5rem}.pl-15{padding-left:3.75rem}.pl-16{padding-left:4rem}.pl-17{padding-left:4.25rem}.pl-18{padding-left:4.5rem}.pl-19{padding-left:4.75rem}.pl-20{padding-left:5rem}.pr-1{padding-right:.25rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pr-5{padding-right:1.25rem}.pr-6{padding-right:1.5rem}.pr-7{padding-right:1.75rem}.pr-8{padding-right:2rem}.pr-9{padding-right:2.25rem}.pr-10{padding-right:2.5rem}.pr-11{padding-right:2.75rem}.pr-12{padding-right:3rem}.pr-13{padding-right:3.25rem}.pr-14{padding-right:3.5rem}.pr-15{padding-right:3.75rem}.pr-16{padding-right:4rem}.pr-17{padding-right:4.25rem}.pr-18{padding-right:4.5rem}.pr-19{padding-right:4.75rem}.pr-20{padding-right:5rem}.p-sm{padding:.5rem}.p-md{padding:1rem}.p-lg{padding:1.5rem}.p-xl{padding:2rem}.p-2xl{padding:2.5rem}.p-3xl{padding:3.5rem}.p-4xl{padding:4.5rem}.px-sm{padding-left:.5rem;padding-right:.5rem}.px-md{padding-left:1rem;padding-right:1rem}.px-lg{padding-left:1.5rem;padding-right:1.5rem}.px-xl{padding-left:2rem;padding-right:2rem}.px-2xl{padding-left:2.5rem;padding-right:2.5rem}.px-3xl{padding-left:3.5rem;padding-right:3.5rem}.px-4xl{padding-left:4.5rem;padding-right:4.5rem}.py-sm{padding-bottom:.5rem;padding-top:.5rem}.py-md{padding-bottom:1rem;padding-top:1rem}.py-lg{padding-bottom:1.5rem;padding-top:1.5rem}.py-xl{padding-bottom:2rem;padding-top:2rem}.py-2xl{padding-bottom:2.5rem;padding-top:2.5rem}.py-3xl{padding-bottom:3.5rem;padding-top:3.5rem}.py-4xl{padding-bottom:4.5rem;padding-top:4.5rem}.p-0{padding:0}.px-0{padding-left:0;padding-right:0}.py-0{padding-bottom:0}.pt-0,.py-0{padding-top:0}.pb-0{padding-bottom:0}.pl-0{padding-left:0}.pr-0{padding-right:0}.m-4{margin:1rem}.m-5{margin:1.25rem}.m-6{margin:1.5rem}.m-7{margin:1.75rem}.m-8{margin:2rem}.m-9{margin:2.25rem}.m-10{margin:2.5rem}.m-11{margin:2.75rem}.m-12{margin:3rem}.m-13{margin:3.25rem}.m-14{margin:3.5rem}.m-15{margin:3.75rem}.m-16{margin:4rem}.m-17{margin:4.25rem}.m-18{margin:4.5rem}.m-19{margin:4.75rem}.m-20{margin:5rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.mx-7{margin-left:1.75rem;margin-right:1.75rem}.mx-8{margin-left:2rem;margin-right:2rem}.mx-9{margin-left:2.25rem;margin-right:2.25rem}.mx-10{margin-left:2.5rem;margin-right:2.5rem}.mx-11{margin-left:2.75rem;margin-right:2.75rem}.mx-12{margin-left:3rem;margin-right:3rem}.mx-13{margin-left:3.25rem;margin-right:3.25rem}.mx-14{margin-left:3.5rem;margin-right:3.5rem}.mx-15{margin-left:3.75rem;margin-right:3.75rem}.mx-16{margin-left:4rem;margin-right:4rem}.mx-17{margin-left:4.25rem;margin-right:4.25rem}.mx-18{margin-left:4.5rem;margin-right:4.5rem}.mx-19{margin-left:4.75rem;margin-right:4.75rem}.mx-20{margin-left:5rem;margin-right:5rem}.my-1{margin-bottom:.25rem;margin-top:.25rem}.my-2{margin-bottom:.5rem;margin-top:.5rem}.my-3{margin-bottom:.75rem;margin-top:.75rem}.my-4{margin-bottom:1rem;margin-top:1rem}.my-5{margin-bottom:1.25rem;margin-top:1.25rem}.my-6{margin-bottom:1.5rem;margin-top:1.5rem}.my-7{margin-bottom:1.75rem;margin-top:1.75rem}.my-8{margin-bottom:2rem;margin-top:2rem}.my-9{margin-bottom:2.25rem;margin-top:2.25rem}.my-10{margin-bottom:2.5rem;margin-top:2.5rem}.my-11{margin-bottom:2.75rem;margin-top:2.75rem}.my-12{margin-bottom:3rem;margin-top:3rem}.my-13{margin-bottom:3.25rem;margin-top:3.25rem}.my-14{margin-bottom:3.5rem;margin-top:3.5rem}.my-15{margin-bottom:3.75rem;margin-top:3.75rem}.my-16{margin-bottom:4rem;margin-top:4rem}.my-17{margin-bottom:4.25rem;margin-top:4.25rem}.my-18{margin-bottom:4.5rem;margin-top:4.5rem}.my-19{margin-bottom:4.75rem;margin-top:4.75rem}.my-20{margin-bottom:5rem;margin-top:5rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.mt-10{margin-top:2.5rem}.mt-11{margin-top:2.75rem}.mt-12{margin-top:3rem}.mt-13{margin-top:3.25rem}.mt-14{margin-top:3.5rem}.mt-15{margin-top:3.75rem}.mt-16{margin-top:4rem}.mt-17{margin-top:4.25rem}.mt-18{margin-top:4.5rem}.mt-19{margin-top:4.75rem}.mt-20{margin-top:5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-7{margin-bottom:1.75rem}.mb-8{margin-bottom:2rem}.mb-9{margin-bottom:2.25rem}.mb-10{margin-bottom:2.5rem}.mb-11{margin-bottom:2.75rem}.mb-12{margin-bottom:3rem}.mb-13{margin-bottom:3.25rem}.mb-14{margin-bottom:3.5rem}.mb-15{margin-bottom:3.75rem}.mb-16{margin-bottom:4rem}.mb-17{margin-bottom:4.25rem}.mb-18{margin-bottom:4.5rem}.mb-19{margin-bottom:4.75rem}.mb-20{margin-bottom:5rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-5{margin-left:1.25rem}.ml-6{margin-left:1.5rem}.ml-7{margin-left:1.75rem}.ml-8{margin-left:2rem}.ml-9{margin-left:2.25rem}.ml-10{margin-left:2.5rem}.ml-11{margin-left:2.75rem}.ml-12{margin-left:3rem}.ml-13{margin-left:3.25rem}.ml-14{margin-left:3.5rem}.ml-15{margin-left:3.75rem}.ml-16{margin-left:4rem}.ml-17{margin-left:4.25rem}.ml-18{margin-left:4.5rem}.ml-19{margin-left:4.75rem}.ml-20{margin-left:5rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-5{margin-right:1.25rem}.mr-6{margin-right:1.5rem}.mr-7{margin-right:1.75rem}.mr-8{margin-right:2rem}.mr-9{margin-right:2.25rem}.mr-10{margin-right:2.5rem}.mr-11{margin-right:2.75rem}.mr-12{margin-right:3rem}.mr-13{margin-right:3.25rem}.mr-14{margin-right:3.5rem}.mr-15{margin-right:3.75rem}.mr-16{margin-right:4rem}.mr-17{margin-right:4.25rem}.mr-18{margin-right:4.5rem}.mr-19{margin-right:4.75rem}.mr-20{margin-right:5rem}.m-sm{margin:.5rem}.m-md{margin:1rem}.m-lg{margin:1.5rem}.m-xl{margin:2rem}.m-2xl{margin:2.5rem}.m-3xl{margin:3.5rem}.m-4xl{margin:4.5rem}.mx-sm{margin-left:.5rem;margin-right:.5rem}.mx-md{margin-left:1rem;margin-right:1rem}.mx-lg{margin-left:1.5rem;margin-right:1.5rem}.mx-xl{margin-left:2rem;margin-right:2rem}.mx-2xl{margin-left:2.5rem;margin-right:2.5rem}.mx-3xl{margin-left:3.5rem;margin-right:3.5rem}.mx-4xl{margin-left:4.5rem;margin-right:4.5rem}.my-sm{margin-bottom:.5rem;margin-top:.5rem}.my-md{margin-bottom:1rem;margin-top:1rem}.my-lg{margin-bottom:1.5rem;margin-top:1.5rem}.my-xl{margin-bottom:2rem;margin-top:2rem}.my-2xl{margin-bottom:2.5rem;margin-top:2.5rem}.my-3xl{margin-bottom:3.5rem;margin-top:3.5rem}.my-4xl{margin-bottom:4.5rem;margin-top:4.5rem}.m-0{margin:0}.mx-0{margin-left:0;margin-right:0}.my-0{margin-bottom:0}.mt-0,.my-0{margin-top:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.mr-0{margin-right:0}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-bottom:auto}.mt-auto,.my-auto{margin-top:auto}.mb-auto{margin-bottom:auto}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.bg-primary{background-color:#007bff}.hover\:bg-primary-dark:hover{background-color:#0056b3}.w-full{width:100%}.w-10{width:2.5rem}.h-10{height:2.5rem}.max-w-screen-md{max-width:768px}:root{--color-primary:#1e40af;--color-secondary:#10b981;--color-white:#fff;--color-black:#000;--color-danger:#ef4444;--color-warning:#f59e0b;--color-success:#22c55e;--color-info:#0ea5e9;--color-gray:#6b7280}.ubtn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:500;justify-content:center;padding:.5rem 1rem;transition:all .3s ease}.ubtn-sm{font-size:.75rem;padding:.25rem .75rem}.ubtn-md{font-size:.875rem;padding:.5rem 1rem}.ubtn-lg{font-size:1rem;padding:.75rem 1.25rem}.ubtn-xl{font-size:1.125rem;padding:1rem 1.5rem}.ubtn-2xl{font-size:1.25rem;padding:1.25rem 2rem}.ubtn-3xl{font-size:1.5rem;padding:1.5rem 2.5rem}.ubtn-4xl{font-size:1.75rem;padding:1.75rem 3rem}.ubtn-5xl{font-size:2rem;padding:2rem 3.5rem}.ubtn-6xl{font-size:2.25rem;padding:2.25rem 4rem}.ubtn-7xl{font-size:2.5rem;padding:2.5rem 4.5rem}.ubtn-8xl{font-size:2.75rem;padding:2.75rem 5rem}.ubtn-9xl{font-size:3rem;padding:3rem 5.5rem}.ubtn-primary{background-color:var(--color-primary);color:var(--color-white)}.ubtn-secondary{background-color:var(--color-secondary);color:var(--color-white)}.ubtn-danger{background-color:var(--color-danger);color:var(--color-white)}.ubtn-success{background-color:var(--color-success);color:var(--color-white)}.ubtn-warning{background-color:var(--color-warning);color:var(--color-black)}.ubtn-info{background-color:var(--color-info)}.ubtn-dark,.ubtn-info{color:var(--color-white)}.ubtn-dark{background-color:var(--color-black)}.ubtn-light{background-color:var(--color-white);border:1px solid var(--color-gray);color:var(--color-black)}.ubtn-outline-primary{background:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.ubtn-outline-secondary{background:transparent;border:2px solid var(--color-secondary);color:var(--color-secondary)}.ubtn-outline-danger{background:transparent;border:2px solid var(--color-danger);color:var(--color-danger)}.ubtn-gradient-blue{background:linear-gradient(90deg,#3b82f6,#1e40af);color:#fff}.ubtn-gradient-pink{background:linear-gradient(90deg,#ec4899,#be185d);color:#fff}.ubtn-gradient-green{background:linear-gradient(90deg,#34d399,#059669);color:#fff}.ubtn-ghost{background-color:transparent}.ubtn-ghost,.ubtn-link{border:none;color:var(--color-primary);text-decoration:underline}.ubtn-link{background:none;padding:0}.ubtn-soft-primary{background-color:rgba(30,64,175,.1);color:var(--color-primary)}.ubtn-shadow{background-color:var(--color-primary);box-shadow:0 4px 10px rgba(0,0,0,.15);color:#fff}.ubtn-elevated{border:1px solid var(--color-gray);box-shadow:0 2px 5px rgba(0,0,0,.1);color:var(--color-black)}.ubtn-elevated,.ubtn-inverted{background-color:var(--color-white)}.ubtn-inverted{border:2px solid var(--color-primary);color:var(--color-primary)}.ubtn-glass{backdrop-filter:blur(8px);background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.3);color:#fff}.ubtn-shine{background-color:var(--color-primary);color:#fff;overflow:hidden;position:relative}.ubtn-shine:before{background:linear-gradient(120deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,.2));content:"";height:100%;left:-75%;position:absolute;top:0;transform:skewX(-25deg);width:50%}.ubtn-shine:hover:before{left:125%;transition:left 1s ease}.card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 2px 8px rgba(0,0,0,.05);padding:1rem}.card-header{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.card-body{color:#333;font-size:1rem}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.mt-1{margin-top:.25rem}.mb-1{margin-bottom:.25rem}.ml-1{margin-left:.25rem}.mr-1{margin-right:.25rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-bold{font-weight:700}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.bg-ulib{background-color:brown}.border{border:1px solid #ccc}.border-2{border:2px solid #ccc}.border-none{border:none}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-flex{display:flex}.d-none{display:none}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.justify-center{justify-content:center}.items-center{align-items:center}.bg-white{background-color:#fff}.bg-light{background-color:#f3f4f6}.bg-dark{background-color:#1f2937}.text-white{color:#fff}.text-black{color:#000}.text-gray{color:#6b7280}.text-blue{color:#4169e1}