Last active
May 23, 2020 12:57
-
-
Save geongeorge/0135b0d5063ca1184c42fba70eeaae58 to your computer and use it in GitHub Desktop.
Generate Tailwind CSS style spacing helpers for margin and paddings
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| scss here: https://gist.github.com/geongeorge/8f92a99dcf622b6c5190cffdf036682c | |
| */ | |
| .mt-0 { | |
| margin-top: 0rem; | |
| } | |
| .pt-0 { | |
| padding-top: 0rem; | |
| } | |
| .mt-auto { | |
| margin-top: auto; | |
| } | |
| .mb-0 { | |
| margin-bottom: 0rem; | |
| } | |
| .pb-0 { | |
| padding-bottom: 0rem; | |
| } | |
| .mb-auto { | |
| margin-bottom: auto; | |
| } | |
| .ml-0 { | |
| margin-left: 0rem; | |
| } | |
| .pl-0 { | |
| padding-left: 0rem; | |
| } | |
| .ml-auto { | |
| margin-left: auto; | |
| } | |
| .mr-0 { | |
| margin-right: 0rem; | |
| } | |
| .pr-0 { | |
| padding-right: 0rem; | |
| } | |
| .mr-auto { | |
| margin-right: auto; | |
| } | |
| .mt-1 { | |
| margin-top: 0.25rem; | |
| } | |
| .pt-1 { | |
| padding-top: 0.25rem; | |
| } | |
| .mt-auto { | |
| margin-top: auto; | |
| } | |
| .mb-1 { | |
| margin-bottom: 0.25rem; | |
| } | |
| .pb-1 { | |
| padding-bottom: 0.25rem; | |
| } | |
| .mb-auto { | |
| margin-bottom: auto; | |
| } | |
| .ml-1 { | |
| margin-left: 0.25rem; | |
| } | |
| .pl-1 { | |
| padding-left: 0.25rem; | |
| } | |
| .ml-auto { | |
| margin-left: auto; | |
| } | |
| .mr-1 { | |
| margin-right: 0.25rem; | |
| } | |
| .pr-1 { | |
| padding-right: 0.25rem; | |
| } | |
| .mr-auto { | |
| margin-right: auto; | |
| } | |
| .mt-2 { | |
| margin-top: 0.5rem; | |
| } | |
| .pt-2 { | |
| padding-top: 0.5rem; | |
| } | |
| .mt-auto { | |
| margin-top: auto; | |
| } | |
| .mb-2 { | |
| margin-bottom: 0.5rem; | |
| } | |
| .pb-2 { | |
| padding-bottom: 0.5rem; | |
| } | |
| .mb-auto { | |
| margin-bottom: auto; | |
| } | |
| .ml-2 { | |
| margin-left: 0.5rem; | |
| } | |
| .pl-2 { | |
| padding-left: 0.5rem; | |
| } | |
| .ml-auto { | |
| margin-left: auto; | |
| } | |
| .mr-2 { | |
| margin-right: 0.5rem; | |
| } | |
| .pr-2 { | |
| padding-right: 0.5rem; | |
| } | |
| .mr-auto { | |
| margin-right: auto; | |
| } | |
| .mt-3 { | |
| margin-top: 0.75rem; | |
| } | |
| .pt-3 { | |
| padding-top: 0.75rem; | |
| } | |
| .mt-auto { | |
| margin-top: auto; | |
| } | |
| .mb-3 { | |
| margin-bottom: 0.75rem; | |
| } | |
| .pb-3 { | |
| padding-bottom: 0.75rem; | |
| } | |
| .mb-auto { | |
| margin-bottom: auto; | |
| } | |
| .ml-3 { | |
| margin-left: 0.75rem; | |
| } | |
| .pl-3 { | |
| padding-left: 0.75rem; | |
| } | |
| .ml-auto { | |
| margin-left: auto; | |
| } | |
| .mr-3 { | |
| margin-right: 0.75rem; | |
| } | |
| .pr-3 { | |
| padding-right: 0.75rem; | |
| } | |
| .mr-auto { | |
| margin-right: auto; | |
| } | |
| .mt-4 { | |
| margin-top: 1rem; | |
| } | |
| .pt-4 { | |
| padding-top: 1rem; | |
| } | |
| .mt-auto { | |
| margin-top: auto; | |
| } | |
| .mb-4 { | |
| margin-bottom: 1rem; | |
| } | |
| .pb-4 { | |
| padding-bottom: 1rem; | |
| } | |
| .mb-auto { | |
| margin-bottom: auto; | |
| } | |
| .ml-4 { | |
| margin-left: 1rem; | |
| } | |
| .pl-4 { | |
| padding-left: 1rem; | |
| } | |
| .ml-auto { | |
| margin-left: auto; | |
| } | |
| .mr-4 { | |
| margin-right: 1rem; | |
| } | |
| .pr-4 { | |
| padding-right: 1rem; | |
| } | |
| .mr-auto { | |
| margin-right: auto; | |
| } | |
| .mt-5 { | |
| margin-top: 1.25rem; | |
| } | |
| .pt-5 { | |
| padding-top: 1.25rem; | |
| } | |
| .mt-auto { | |
| margin-top: auto; | |
| } | |
| .mb-5 { | |
| margin-bottom: 1.25rem; | |
| } | |
| .pb-5 { | |
| padding-bottom: 1.25rem; | |
| } | |
| .mb-auto { | |
| margin-bottom: auto; | |
| } | |
| .ml-5 { | |
| margin-left: 1.25rem; | |
| } | |
| .pl-5 { | |
| padding-left: 1.25rem; | |
| } | |
| .ml-auto { | |
| margin-left: auto; | |
| } | |
| .mr-5 { | |
| margin-right: 1.25rem; | |
| } | |
| .pr-5 { | |
| padding-right: 1.25rem; | |
| } | |
| .mr-auto { | |
| margin-right: auto; | |
| } | |
| .mt-6 { | |
| margin-top: 1.5rem; | |
| } | |
| .pt-6 { | |
| padding-top: 1.5rem; | |
| } | |
| .mt-auto { | |
| margin-top: auto; | |
| } | |
| .mb-6 { | |
| margin-bottom: 1.5rem; | |
| } | |
| .pb-6 { | |
| padding-bottom: 1.5rem; | |
| } | |
| .mb-auto { | |
| margin-bottom: auto; | |
| } | |
| .ml-6 { | |
| margin-left: 1.5rem; | |
| } | |
| .pl-6 { | |
| padding-left: 1.5rem; | |
| } | |
| .ml-auto { | |
| margin-left: auto; | |
| } | |
| .mr-6 { | |
| margin-right: 1.5rem; | |
| } | |
| .pr-6 { | |
| padding-right: 1.5rem; | |
| } | |
| .mr-auto { | |
| margin-right: auto; | |
| } | |
| .mt-8 { | |
| margin-top: 2rem; | |
| } | |
| .pt-8 { | |
| padding-top: 2rem; | |
| } | |
| .mt-auto { | |
| margin-top: auto; | |
| } | |
| .mb-8 { | |
| margin-bottom: 2rem; | |
| } | |
| .pb-8 { | |
| padding-bottom: 2rem; | |
| } | |
| .mb-auto { | |
| margin-bottom: auto; | |
| } | |
| .ml-8 { | |
| margin-left: 2rem; | |
| } | |
| .pl-8 { | |
| padding-left: 2rem; | |
| } | |
| .ml-auto { | |
| margin-left: auto; | |
| } | |
| .mr-8 { | |
| margin-right: 2rem; | |
| } | |
| .pr-8 { | |
| padding-right: 2rem; | |
| } | |
| .mr-auto { | |
| margin-right: auto; | |
| } | |
| .mt-10 { | |
| margin-top: 2.5rem; | |
| } | |
| .pt-10 { | |
| padding-top: 2.5rem; | |
| } | |
| .mt-auto { | |
| margin-top: auto; | |
| } | |
| .mb-10 { | |
| margin-bottom: 2.5rem; | |
| } | |
| .pb-10 { | |
| padding-bottom: 2.5rem; | |
| } | |
| .mb-auto { | |
| margin-bottom: auto; | |
| } | |
| .ml-10 { | |
| margin-left: 2.5rem; | |
| } | |
| .pl-10 { | |
| padding-left: 2.5rem; | |
| } | |
| .ml-auto { | |
| margin-left: auto; | |
| } | |
| .mr-10 { | |
| margin-right: 2.5rem; | |
| } | |
| .pr-10 { | |
| padding-right: 2.5rem; | |
| } | |
| .mr-auto { | |
| margin-right: auto; | |
| } | |
| .mt-12 { | |
| margin-top: 3rem; | |
| } | |
| .pt-12 { | |
| padding-top: 3rem; | |
| } | |
| .mt-auto { | |
| margin-top: auto; | |
| } | |
| .mb-12 { | |
| margin-bottom: 3rem; | |
| } | |
| .pb-12 { | |
| padding-bottom: 3rem; | |
| } | |
| .mb-auto { | |
| margin-bottom: auto; | |
| } | |
| .ml-12 { | |
| margin-left: 3rem; | |
| } | |
| .pl-12 { | |
| padding-left: 3rem; | |
| } | |
| .ml-auto { | |
| margin-left: auto; | |
| } | |
| .mr-12 { | |
| margin-right: 3rem; | |
| } | |
| .pr-12 { | |
| padding-right: 3rem; | |
| } | |
| .mr-auto { | |
| margin-right: auto; | |
| } | |
| .mt-16 { | |
| margin-top: 4rem; | |
| } | |
| .pt-16 { | |
| padding-top: 4rem; | |
| } | |
| .mt-auto { | |
| margin-top: auto; | |
| } | |
| .mb-16 { | |
| margin-bottom: 4rem; | |
| } | |
| .pb-16 { | |
| padding-bottom: 4rem; | |
| } | |
| .mb-auto { | |
| margin-bottom: auto; | |
| } | |
| .ml-16 { | |
| margin-left: 4rem; | |
| } | |
| .pl-16 { | |
| padding-left: 4rem; | |
| } | |
| .ml-auto { | |
| margin-left: auto; | |
| } | |
| .mr-16 { | |
| margin-right: 4rem; | |
| } | |
| .pr-16 { | |
| padding-right: 4rem; | |
| } | |
| .mr-auto { | |
| margin-right: auto; | |
| } | |
| .mt-20 { | |
| margin-top: 5rem; | |
| } | |
| .pt-20 { | |
| padding-top: 5rem; | |
| } | |
| .mt-auto { | |
| margin-top: auto; | |
| } | |
| .mb-20 { | |
| margin-bottom: 5rem; | |
| } | |
| .pb-20 { | |
| padding-bottom: 5rem; | |
| } | |
| .mb-auto { | |
| margin-bottom: auto; | |
| } | |
| .ml-20 { | |
| margin-left: 5rem; | |
| } | |
| .pl-20 { | |
| padding-left: 5rem; | |
| } | |
| .ml-auto { | |
| margin-left: auto; | |
| } | |
| .mr-20 { | |
| margin-right: 5rem; | |
| } | |
| .pr-20 { | |
| padding-right: 5rem; | |
| } | |
| .mr-auto { | |
| margin-right: auto; | |
| } | |
| .mt-24 { | |
| margin-top: 6rem; | |
| } | |
| .pt-24 { | |
| padding-top: 6rem; | |
| } | |
| .mt-auto { | |
| margin-top: auto; | |
| } | |
| .mb-24 { | |
| margin-bottom: 6rem; | |
| } | |
| .pb-24 { | |
| padding-bottom: 6rem; | |
| } | |
| .mb-auto { | |
| margin-bottom: auto; | |
| } | |
| .ml-24 { | |
| margin-left: 6rem; | |
| } | |
| .pl-24 { | |
| padding-left: 6rem; | |
| } | |
| .ml-auto { | |
| margin-left: auto; | |
| } | |
| .mr-24 { | |
| margin-right: 6rem; | |
| } | |
| .pr-24 { | |
| padding-right: 6rem; | |
| } | |
| .mr-auto { | |
| margin-right: auto; | |
| } | |
| .mt-32 { | |
| margin-top: 8rem; | |
| } | |
| .pt-32 { | |
| padding-top: 8rem; | |
| } | |
| .mt-auto { | |
| margin-top: auto; | |
| } | |
| .mb-32 { | |
| margin-bottom: 8rem; | |
| } | |
| .pb-32 { | |
| padding-bottom: 8rem; | |
| } | |
| .mb-auto { | |
| margin-bottom: auto; | |
| } | |
| .ml-32 { | |
| margin-left: 8rem; | |
| } | |
| .pl-32 { | |
| padding-left: 8rem; | |
| } | |
| .ml-auto { | |
| margin-left: auto; | |
| } | |
| .mr-32 { | |
| margin-right: 8rem; | |
| } | |
| .pr-32 { | |
| padding-right: 8rem; | |
| } | |
| .mr-auto { | |
| margin-right: auto; | |
| } | |
| .mt-40 { | |
| margin-top: 10rem; | |
| } | |
| .pt-40 { | |
| padding-top: 10rem; | |
| } | |
| .mt-auto { | |
| margin-top: auto; | |
| } | |
| .mb-40 { | |
| margin-bottom: 10rem; | |
| } | |
| .pb-40 { | |
| padding-bottom: 10rem; | |
| } | |
| .mb-auto { | |
| margin-bottom: auto; | |
| } | |
| .ml-40 { | |
| margin-left: 10rem; | |
| } | |
| .pl-40 { | |
| padding-left: 10rem; | |
| } | |
| .ml-auto { | |
| margin-left: auto; | |
| } | |
| .mr-40 { | |
| margin-right: 10rem; | |
| } | |
| .pr-40 { | |
| padding-right: 10rem; | |
| } | |
| .mr-auto { | |
| margin-right: auto; | |
| } | |
| .mt-48 { | |
| margin-top: 12rem; | |
| } | |
| .pt-48 { | |
| padding-top: 12rem; | |
| } | |
| .mt-auto { | |
| margin-top: auto; | |
| } | |
| .mb-48 { | |
| margin-bottom: 12rem; | |
| } | |
| .pb-48 { | |
| padding-bottom: 12rem; | |
| } | |
| .mb-auto { | |
| margin-bottom: auto; | |
| } | |
| .ml-48 { | |
| margin-left: 12rem; | |
| } | |
| .pl-48 { | |
| padding-left: 12rem; | |
| } | |
| .ml-auto { | |
| margin-left: auto; | |
| } | |
| .mr-48 { | |
| margin-right: 12rem; | |
| } | |
| .pr-48 { | |
| padding-right: 12rem; | |
| } | |
| .mr-auto { | |
| margin-right: auto; | |
| } | |
| .mt-56 { | |
| margin-top: 14rem; | |
| } | |
| .pt-56 { | |
| padding-top: 14rem; | |
| } | |
| .mt-auto { | |
| margin-top: auto; | |
| } | |
| .mb-56 { | |
| margin-bottom: 14rem; | |
| } | |
| .pb-56 { | |
| padding-bottom: 14rem; | |
| } | |
| .mb-auto { | |
| margin-bottom: auto; | |
| } | |
| .ml-56 { | |
| margin-left: 14rem; | |
| } | |
| .pl-56 { | |
| padding-left: 14rem; | |
| } | |
| .ml-auto { | |
| margin-left: auto; | |
| } | |
| .mr-56 { | |
| margin-right: 14rem; | |
| } | |
| .pr-56 { | |
| padding-right: 14rem; | |
| } | |
| .mr-auto { | |
| margin-right: auto; | |
| } | |
| .mt-64 { | |
| margin-top: 16rem; | |
| } | |
| .pt-64 { | |
| padding-top: 16rem; | |
| } | |
| .mt-auto { | |
| margin-top: auto; | |
| } | |
| .mb-64 { | |
| margin-bottom: 16rem; | |
| } | |
| .pb-64 { | |
| padding-bottom: 16rem; | |
| } | |
| .mb-auto { | |
| margin-bottom: auto; | |
| } | |
| .ml-64 { | |
| margin-left: 16rem; | |
| } | |
| .pl-64 { | |
| padding-left: 16rem; | |
| } | |
| .ml-auto { | |
| margin-left: auto; | |
| } | |
| .mr-64 { | |
| margin-right: 16rem; | |
| } | |
| .pr-64 { | |
| padding-right: 16rem; | |
| } | |
| .mr-auto { | |
| margin-right: auto; | |
| } | |
| .m-0 { | |
| margin: 0rem; | |
| } | |
| .p-0 { | |
| padding: 0rem; | |
| } | |
| .m-1 { | |
| margin: 0.25rem; | |
| } | |
| .p-1 { | |
| padding: 0.25rem; | |
| } | |
| .m-2 { | |
| margin: 0.5rem; | |
| } | |
| .p-2 { | |
| padding: 0.5rem; | |
| } | |
| .m-3 { | |
| margin: 0.75rem; | |
| } | |
| .p-3 { | |
| padding: 0.75rem; | |
| } | |
| .m-4 { | |
| margin: 1rem; | |
| } | |
| .p-4 { | |
| padding: 1rem; | |
| } | |
| .m-5 { | |
| margin: 1.25rem; | |
| } | |
| .p-5 { | |
| padding: 1.25rem; | |
| } | |
| .m-6 { | |
| margin: 1.5rem; | |
| } | |
| .p-6 { | |
| padding: 1.5rem; | |
| } | |
| .m-8 { | |
| margin: 2rem; | |
| } | |
| .p-8 { | |
| padding: 2rem; | |
| } | |
| .m-10 { | |
| margin: 2.5rem; | |
| } | |
| .p-10 { | |
| padding: 2.5rem; | |
| } | |
| .m-12 { | |
| margin: 3rem; | |
| } | |
| .p-12 { | |
| padding: 3rem; | |
| } | |
| .m-16 { | |
| margin: 4rem; | |
| } | |
| .p-16 { | |
| padding: 4rem; | |
| } | |
| .m-20 { | |
| margin: 5rem; | |
| } | |
| .p-20 { | |
| padding: 5rem; | |
| } | |
| .m-24 { | |
| margin: 6rem; | |
| } | |
| .p-24 { | |
| padding: 6rem; | |
| } | |
| .m-32 { | |
| margin: 8rem; | |
| } | |
| .p-32 { | |
| padding: 8rem; | |
| } | |
| .m-40 { | |
| margin: 10rem; | |
| } | |
| .p-40 { | |
| padding: 10rem; | |
| } | |
| .m-48 { | |
| margin: 12rem; | |
| } | |
| .p-48 { | |
| padding: 12rem; | |
| } | |
| .m-56 { | |
| margin: 14rem; | |
| } | |
| .p-56 { | |
| padding: 14rem; | |
| } | |
| .m-64 { | |
| margin: 16rem; | |
| } | |
| .p-64 { | |
| padding: 16rem; | |
| } | |
| .mx-0 { | |
| margin-left: 0rem; | |
| margin-right: 0rem; | |
| } | |
| .px-0 { | |
| padding-left: 0rem; | |
| padding-right: 0rem; | |
| } | |
| .my-0 { | |
| margin-top: 0rem; | |
| margin-bottom: 0rem; | |
| } | |
| .py-0 { | |
| padding-top: 0rem; | |
| padding-bottom: 0rem; | |
| } | |
| .mx-1 { | |
| margin-left: 0.25rem; | |
| margin-right: 0.25rem; | |
| } | |
| .px-1 { | |
| padding-left: 0.25rem; | |
| padding-right: 0.25rem; | |
| } | |
| .my-1 { | |
| margin-top: 0.25rem; | |
| margin-bottom: 0.25rem; | |
| } | |
| .py-1 { | |
| padding-top: 0.25rem; | |
| padding-bottom: 0.25rem; | |
| } | |
| .mx-2 { | |
| margin-left: 0.5rem; | |
| margin-right: 0.5rem; | |
| } | |
| .px-2 { | |
| padding-left: 0.5rem; | |
| padding-right: 0.5rem; | |
| } | |
| .my-2 { | |
| margin-top: 0.5rem; | |
| margin-bottom: 0.5rem; | |
| } | |
| .py-2 { | |
| padding-top: 0.5rem; | |
| padding-bottom: 0.5rem; | |
| } | |
| .mx-3 { | |
| margin-left: 0.75rem; | |
| margin-right: 0.75rem; | |
| } | |
| .px-3 { | |
| padding-left: 0.75rem; | |
| padding-right: 0.75rem; | |
| } | |
| .my-3 { | |
| margin-top: 0.75rem; | |
| margin-bottom: 0.75rem; | |
| } | |
| .py-3 { | |
| padding-top: 0.75rem; | |
| padding-bottom: 0.75rem; | |
| } | |
| .mx-4 { | |
| margin-left: 1rem; | |
| margin-right: 1rem; | |
| } | |
| .px-4 { | |
| padding-left: 1rem; | |
| padding-right: 1rem; | |
| } | |
| .my-4 { | |
| margin-top: 1rem; | |
| margin-bottom: 1rem; | |
| } | |
| .py-4 { | |
| padding-top: 1rem; | |
| padding-bottom: 1rem; | |
| } | |
| .mx-5 { | |
| margin-left: 1.25rem; | |
| margin-right: 1.25rem; | |
| } | |
| .px-5 { | |
| padding-left: 1.25rem; | |
| padding-right: 1.25rem; | |
| } | |
| .my-5 { | |
| margin-top: 1.25rem; | |
| margin-bottom: 1.25rem; | |
| } | |
| .py-5 { | |
| padding-top: 1.25rem; | |
| padding-bottom: 1.25rem; | |
| } | |
| .mx-6 { | |
| margin-left: 1.5rem; | |
| margin-right: 1.5rem; | |
| } | |
| .px-6 { | |
| padding-left: 1.5rem; | |
| padding-right: 1.5rem; | |
| } | |
| .my-6 { | |
| margin-top: 1.5rem; | |
| margin-bottom: 1.5rem; | |
| } | |
| .py-6 { | |
| padding-top: 1.5rem; | |
| padding-bottom: 1.5rem; | |
| } | |
| .mx-8 { | |
| margin-left: 2rem; | |
| margin-right: 2rem; | |
| } | |
| .px-8 { | |
| padding-left: 2rem; | |
| padding-right: 2rem; | |
| } | |
| .my-8 { | |
| margin-top: 2rem; | |
| margin-bottom: 2rem; | |
| } | |
| .py-8 { | |
| padding-top: 2rem; | |
| padding-bottom: 2rem; | |
| } | |
| .mx-10 { | |
| margin-left: 2.5rem; | |
| margin-right: 2.5rem; | |
| } | |
| .px-10 { | |
| padding-left: 2.5rem; | |
| padding-right: 2.5rem; | |
| } | |
| .my-10 { | |
| margin-top: 2.5rem; | |
| margin-bottom: 2.5rem; | |
| } | |
| .py-10 { | |
| padding-top: 2.5rem; | |
| padding-bottom: 2.5rem; | |
| } | |
| .mx-12 { | |
| margin-left: 3rem; | |
| margin-right: 3rem; | |
| } | |
| .px-12 { | |
| padding-left: 3rem; | |
| padding-right: 3rem; | |
| } | |
| .my-12 { | |
| margin-top: 3rem; | |
| margin-bottom: 3rem; | |
| } | |
| .py-12 { | |
| padding-top: 3rem; | |
| padding-bottom: 3rem; | |
| } | |
| .mx-16 { | |
| margin-left: 4rem; | |
| margin-right: 4rem; | |
| } | |
| .px-16 { | |
| padding-left: 4rem; | |
| padding-right: 4rem; | |
| } | |
| .my-16 { | |
| margin-top: 4rem; | |
| margin-bottom: 4rem; | |
| } | |
| .py-16 { | |
| padding-top: 4rem; | |
| padding-bottom: 4rem; | |
| } | |
| .mx-20 { | |
| margin-left: 5rem; | |
| margin-right: 5rem; | |
| } | |
| .px-20 { | |
| padding-left: 5rem; | |
| padding-right: 5rem; | |
| } | |
| .my-20 { | |
| margin-top: 5rem; | |
| margin-bottom: 5rem; | |
| } | |
| .py-20 { | |
| padding-top: 5rem; | |
| padding-bottom: 5rem; | |
| } | |
| .mx-24 { | |
| margin-left: 6rem; | |
| margin-right: 6rem; | |
| } | |
| .px-24 { | |
| padding-left: 6rem; | |
| padding-right: 6rem; | |
| } | |
| .my-24 { | |
| margin-top: 6rem; | |
| margin-bottom: 6rem; | |
| } | |
| .py-24 { | |
| padding-top: 6rem; | |
| padding-bottom: 6rem; | |
| } | |
| .mx-32 { | |
| margin-left: 8rem; | |
| margin-right: 8rem; | |
| } | |
| .px-32 { | |
| padding-left: 8rem; | |
| padding-right: 8rem; | |
| } | |
| .my-32 { | |
| margin-top: 8rem; | |
| margin-bottom: 8rem; | |
| } | |
| .py-32 { | |
| padding-top: 8rem; | |
| padding-bottom: 8rem; | |
| } | |
| .mx-40 { | |
| margin-left: 10rem; | |
| margin-right: 10rem; | |
| } | |
| .px-40 { | |
| padding-left: 10rem; | |
| padding-right: 10rem; | |
| } | |
| .my-40 { | |
| margin-top: 10rem; | |
| margin-bottom: 10rem; | |
| } | |
| .py-40 { | |
| padding-top: 10rem; | |
| padding-bottom: 10rem; | |
| } | |
| .mx-48 { | |
| margin-left: 12rem; | |
| margin-right: 12rem; | |
| } | |
| .px-48 { | |
| padding-left: 12rem; | |
| padding-right: 12rem; | |
| } | |
| .my-48 { | |
| margin-top: 12rem; | |
| margin-bottom: 12rem; | |
| } | |
| .py-48 { | |
| padding-top: 12rem; | |
| padding-bottom: 12rem; | |
| } | |
| .mx-56 { | |
| margin-left: 14rem; | |
| margin-right: 14rem; | |
| } | |
| .px-56 { | |
| padding-left: 14rem; | |
| padding-right: 14rem; | |
| } | |
| .my-56 { | |
| margin-top: 14rem; | |
| margin-bottom: 14rem; | |
| } | |
| .py-56 { | |
| padding-top: 14rem; | |
| padding-bottom: 14rem; | |
| } | |
| .mx-64 { | |
| margin-left: 16rem; | |
| margin-right: 16rem; | |
| } | |
| .px-64 { | |
| padding-left: 16rem; | |
| padding-right: 16rem; | |
| } | |
| .my-64 { | |
| margin-top: 16rem; | |
| margin-bottom: 16rem; | |
| } | |
| .py-64 { | |
| padding-top: 16rem; | |
| padding-bottom: 16rem; | |
| } | |
| .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