Skip to content

Instantly share code, notes, and snippets.

@geongeorge
Created May 15, 2021 12:06
Show Gist options
  • Save geongeorge/bfa32854bfe370577335bd9ff4899f14 to your computer and use it in GitHub Desktop.
Save geongeorge/bfa32854bfe370577335bd9ff4899f14 to your computer and use it in GitHub Desktop.
.mt-0, .my-0, .m-0 {
margin-top: 0rem;
}
.pt-0, .py-0, .p-0 {
padding-top: 0rem;
}
.mb-0, .my-0, .m-0 {
margin-bottom: 0rem;
}
.pb-0, .py-0, .p-0 {
padding-bottom: 0rem;
}
.ml-0, .mx-0, .m-0 {
margin-left: 0rem;
}
.pl-0, .px-0, .p-0 {
padding-left: 0rem;
}
.mr-0, .mx-0, .m-0 {
margin-right: 0rem;
}
.pr-0, .px-0, .p-0 {
padding-right: 0rem;
}
.mt-1, .my-1, .m-1 {
margin-top: 0.25rem;
}
.pt-1, .py-1, .p-1 {
padding-top: 0.25rem;
}
.mb-1, .my-1, .m-1 {
margin-bottom: 0.25rem;
}
.pb-1, .py-1, .p-1 {
padding-bottom: 0.25rem;
}
.ml-1, .mx-1, .m-1 {
margin-left: 0.25rem;
}
.pl-1, .px-1, .p-1 {
padding-left: 0.25rem;
}
.mr-1, .mx-1, .m-1 {
margin-right: 0.25rem;
}
.pr-1, .px-1, .p-1 {
padding-right: 0.25rem;
}
.mt-2, .my-2, .m-2 {
margin-top: 0.5rem;
}
.pt-2, .py-2, .p-2 {
padding-top: 0.5rem;
}
.mb-2, .my-2, .m-2 {
margin-bottom: 0.5rem;
}
.pb-2, .py-2, .p-2 {
padding-bottom: 0.5rem;
}
.ml-2, .mx-2, .m-2 {
margin-left: 0.5rem;
}
.pl-2, .px-2, .p-2 {
padding-left: 0.5rem;
}
.mr-2, .mx-2, .m-2 {
margin-right: 0.5rem;
}
.pr-2, .px-2, .p-2 {
padding-right: 0.5rem;
}
.mt-3, .my-3, .m-3 {
margin-top: 0.75rem;
}
.pt-3, .py-3, .p-3 {
padding-top: 0.75rem;
}
.mb-3, .my-3, .m-3 {
margin-bottom: 0.75rem;
}
.pb-3, .py-3, .p-3 {
padding-bottom: 0.75rem;
}
.ml-3, .mx-3, .m-3 {
margin-left: 0.75rem;
}
.pl-3, .px-3, .p-3 {
padding-left: 0.75rem;
}
.mr-3, .mx-3, .m-3 {
margin-right: 0.75rem;
}
.pr-3, .px-3, .p-3 {
padding-right: 0.75rem;
}
.mt-4, .my-4, .m-4 {
margin-top: 1rem;
}
.pt-4, .py-4, .p-4 {
padding-top: 1rem;
}
.mb-4, .my-4, .m-4 {
margin-bottom: 1rem;
}
.pb-4, .py-4, .p-4 {
padding-bottom: 1rem;
}
.ml-4, .mx-4, .m-4 {
margin-left: 1rem;
}
.pl-4, .px-4, .p-4 {
padding-left: 1rem;
}
.mr-4, .mx-4, .m-4 {
margin-right: 1rem;
}
.pr-4, .px-4, .p-4 {
padding-right: 1rem;
}
.mt-5, .my-5, .m-5 {
margin-top: 1.25rem;
}
.pt-5, .py-5, .p-5 {
padding-top: 1.25rem;
}
.mb-5, .my-5, .m-5 {
margin-bottom: 1.25rem;
}
.pb-5, .py-5, .p-5 {
padding-bottom: 1.25rem;
}
.ml-5, .mx-5, .m-5 {
margin-left: 1.25rem;
}
.pl-5, .px-5, .p-5 {
padding-left: 1.25rem;
}
.mr-5, .mx-5, .m-5 {
margin-right: 1.25rem;
}
.pr-5, .px-5, .p-5 {
padding-right: 1.25rem;
}
.mt-6, .my-6, .m-6 {
margin-top: 1.5rem;
}
.pt-6, .py-6, .p-6 {
padding-top: 1.5rem;
}
.mb-6, .my-6, .m-6 {
margin-bottom: 1.5rem;
}
.pb-6, .py-6, .p-6 {
padding-bottom: 1.5rem;
}
.ml-6, .mx-6, .m-6 {
margin-left: 1.5rem;
}
.pl-6, .px-6, .p-6 {
padding-left: 1.5rem;
}
.mr-6, .mx-6, .m-6 {
margin-right: 1.5rem;
}
.pr-6, .px-6, .p-6 {
padding-right: 1.5rem;
}
.mt-8, .my-8, .m-8 {
margin-top: 2rem;
}
.pt-8, .py-8, .p-8 {
padding-top: 2rem;
}
.mb-8, .my-8, .m-8 {
margin-bottom: 2rem;
}
.pb-8, .py-8, .p-8 {
padding-bottom: 2rem;
}
.ml-8, .mx-8, .m-8 {
margin-left: 2rem;
}
.pl-8, .px-8, .p-8 {
padding-left: 2rem;
}
.mr-8, .mx-8, .m-8 {
margin-right: 2rem;
}
.pr-8, .px-8, .p-8 {
padding-right: 2rem;
}
.mt-10, .my-10, .m-10 {
margin-top: 2.5rem;
}
.pt-10, .py-10, .p-10 {
padding-top: 2.5rem;
}
.mb-10, .my-10, .m-10 {
margin-bottom: 2.5rem;
}
.pb-10, .py-10, .p-10 {
padding-bottom: 2.5rem;
}
.ml-10, .mx-10, .m-10 {
margin-left: 2.5rem;
}
.pl-10, .px-10, .p-10 {
padding-left: 2.5rem;
}
.mr-10, .mx-10, .m-10 {
margin-right: 2.5rem;
}
.pr-10, .px-10, .p-10 {
padding-right: 2.5rem;
}
.mt-12, .my-12, .m-12 {
margin-top: 3rem;
}
.pt-12, .py-12, .p-12 {
padding-top: 3rem;
}
.mb-12, .my-12, .m-12 {
margin-bottom: 3rem;
}
.pb-12, .py-12, .p-12 {
padding-bottom: 3rem;
}
.ml-12, .mx-12, .m-12 {
margin-left: 3rem;
}
.pl-12, .px-12, .p-12 {
padding-left: 3rem;
}
.mr-12, .mx-12, .m-12 {
margin-right: 3rem;
}
.pr-12, .px-12, .p-12 {
padding-right: 3rem;
}
.mt-16, .my-16, .m-16 {
margin-top: 4rem;
}
.pt-16, .py-16, .p-16 {
padding-top: 4rem;
}
.mb-16, .my-16, .m-16 {
margin-bottom: 4rem;
}
.pb-16, .py-16, .p-16 {
padding-bottom: 4rem;
}
.ml-16, .mx-16, .m-16 {
margin-left: 4rem;
}
.pl-16, .px-16, .p-16 {
padding-left: 4rem;
}
.mr-16, .mx-16, .m-16 {
margin-right: 4rem;
}
.pr-16, .px-16, .p-16 {
padding-right: 4rem;
}
.mt-20, .my-20, .m-20 {
margin-top: 5rem;
}
.pt-20, .py-20, .p-20 {
padding-top: 5rem;
}
.mb-20, .my-20, .m-20 {
margin-bottom: 5rem;
}
.pb-20, .py-20, .p-20 {
padding-bottom: 5rem;
}
.ml-20, .mx-20, .m-20 {
margin-left: 5rem;
}
.pl-20, .px-20, .p-20 {
padding-left: 5rem;
}
.mr-20, .mx-20, .m-20 {
margin-right: 5rem;
}
.pr-20, .px-20, .p-20 {
padding-right: 5rem;
}
.mt-24, .my-24, .m-24 {
margin-top: 6rem;
}
.pt-24, .py-24, .p-24 {
padding-top: 6rem;
}
.mb-24, .my-24, .m-24 {
margin-bottom: 6rem;
}
.pb-24, .py-24, .p-24 {
padding-bottom: 6rem;
}
.ml-24, .mx-24, .m-24 {
margin-left: 6rem;
}
.pl-24, .px-24, .p-24 {
padding-left: 6rem;
}
.mr-24, .mx-24, .m-24 {
margin-right: 6rem;
}
.pr-24, .px-24, .p-24 {
padding-right: 6rem;
}
.mt-32, .my-32, .m-32 {
margin-top: 8rem;
}
.pt-32, .py-32, .p-32 {
padding-top: 8rem;
}
.mb-32, .my-32, .m-32 {
margin-bottom: 8rem;
}
.pb-32, .py-32, .p-32 {
padding-bottom: 8rem;
}
.ml-32, .mx-32, .m-32 {
margin-left: 8rem;
}
.pl-32, .px-32, .p-32 {
padding-left: 8rem;
}
.mr-32, .mx-32, .m-32 {
margin-right: 8rem;
}
.pr-32, .px-32, .p-32 {
padding-right: 8rem;
}
.mt-40, .my-40, .m-40 {
margin-top: 10rem;
}
.pt-40, .py-40, .p-40 {
padding-top: 10rem;
}
.mb-40, .my-40, .m-40 {
margin-bottom: 10rem;
}
.pb-40, .py-40, .p-40 {
padding-bottom: 10rem;
}
.ml-40, .mx-40, .m-40 {
margin-left: 10rem;
}
.pl-40, .px-40, .p-40 {
padding-left: 10rem;
}
.mr-40, .mx-40, .m-40 {
margin-right: 10rem;
}
.pr-40, .px-40, .p-40 {
padding-right: 10rem;
}
.mt-48, .my-48, .m-48 {
margin-top: 12rem;
}
.pt-48, .py-48, .p-48 {
padding-top: 12rem;
}
.mb-48, .my-48, .m-48 {
margin-bottom: 12rem;
}
.pb-48, .py-48, .p-48 {
padding-bottom: 12rem;
}
.ml-48, .mx-48, .m-48 {
margin-left: 12rem;
}
.pl-48, .px-48, .p-48 {
padding-left: 12rem;
}
.mr-48, .mx-48, .m-48 {
margin-right: 12rem;
}
.pr-48, .px-48, .p-48 {
padding-right: 12rem;
}
.mt-56, .my-56, .m-56 {
margin-top: 14rem;
}
.pt-56, .py-56, .p-56 {
padding-top: 14rem;
}
.mb-56, .my-56, .m-56 {
margin-bottom: 14rem;
}
.pb-56, .py-56, .p-56 {
padding-bottom: 14rem;
}
.ml-56, .mx-56, .m-56 {
margin-left: 14rem;
}
.pl-56, .px-56, .p-56 {
padding-left: 14rem;
}
.mr-56, .mx-56, .m-56 {
margin-right: 14rem;
}
.pr-56, .px-56, .p-56 {
padding-right: 14rem;
}
.mt-64, .my-64, .m-64 {
margin-top: 16rem;
}
.pt-64, .py-64, .p-64 {
padding-top: 16rem;
}
.mb-64, .my-64, .m-64 {
margin-bottom: 16rem;
}
.pb-64, .py-64, .p-64 {
padding-bottom: 16rem;
}
.ml-64, .mx-64, .m-64 {
margin-left: 16rem;
}
.pl-64, .px-64, .p-64 {
padding-left: 16rem;
}
.mr-64, .mx-64, .m-64 {
margin-right: 16rem;
}
.pr-64, .px-64, .p-64 {
padding-right: 16rem;
}
.mt-auto {
margin-top: auto;
}
.mb-auto {
margin-bottom: auto;
}
.ml-auto {
margin-left: auto;
}
.mr-auto {
margin-right: auto;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
.my-auto {
margin-top: auto;
margin-bottom: auto;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment