Last active
February 10, 2019 15:46
-
-
Save Jonarod/97cde0c87f8b6ca585bed5a73e721488 to your computer and use it in GitHub Desktop.
CSS minimal spacing
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
| .p-0 {padding: 0px !important;} | |
| .p-1 {padding: 4px !important;} | |
| .p-2 {padding: 8px !important;} | |
| .p-3 {padding: 12px !important;} | |
| .p-4 {padding: 16px !important;} | |
| .p-5 {padding: 24px !important;} | |
| .p-6 {padding: 32px !important;} | |
| .p-7 {padding: 48px !important;} | |
| .p-8 {padding: 64px !important;} | |
| .p-9 {padding: 96px !important;} | |
| .p-10 {padding: 128px !important;} | |
| .p-11 {padding: 192px !important;} | |
| .p-12 {padding: 256px !important;} | |
| .p-13 {padding: 384px !important;} | |
| .p-14 {padding: 512px !important;} | |
| .p-15 {padding: 640px !important;} | |
| .p-16 {padding: 768px !important;} | |
| .pt-0, .pv-0 {padding-top: 0px !important;} | |
| .pt-1, .pv-1 {padding-top: 4px !important;} | |
| .pt-2, .pv-2 {padding-top: 8px !important;} | |
| .pt-3, .pv-3 {padding-top: 12px !important;} | |
| .pt-4, .pv-4 {padding-top: 16px !important;} | |
| .pt-5, .pv-5 {padding-top: 24px !important;} | |
| .pt-6, .pv-6 {padding-top: 32px !important;} | |
| .pt-7, .pv-7 {padding-top: 48px !important;} | |
| .pt-8, .pv-8 {padding-top: 64px !important;} | |
| .pt-9, .pv-9 {padding-top: 96px !important;} | |
| .pt-10, .pv-10 {padding-top: 128px !important;} | |
| .pt-11, .pv-11 {padding-top: 192px !important;} | |
| .pt-12, .pv-12 {padding-top: 256px !important;} | |
| .pt-13, .pv-13 {padding-top: 384px !important;} | |
| .pt-14, .pv-14 {padding-top: 512px !important;} | |
| .pt-15, .pv-15 {padding-top: 640px !important;} | |
| .pt-16, .pv-16 {padding-top: 768px !important;} | |
| .pb-0, .pv-0 {padding-bottom: 0px !important;} | |
| .pb-1, .pv-1 {padding-bottom: 4px !important;} | |
| .pb-2, .pv-2 {padding-bottom: 8px !important;} | |
| .pb-3, .pv-3 {padding-bottom: 12px !important;} | |
| .pb-4, .pv-4 {padding-bottom: 16px !important;} | |
| .pb-5, .pv-5 {padding-bottom: 24px !important;} | |
| .pb-6, .pv-6 {padding-bottom: 32px !important;} | |
| .pb-7, .pv-7 {padding-bottom: 48px !important;} | |
| .pb-8, .pv-8 {padding-bottom: 64px !important;} | |
| .pb-9, .pv-9 {padding-bottom: 96px !important;} | |
| .pb-10, .pv-10 {padding-bottom: 128px !important;} | |
| .pb-11, .pv-11 {padding-bottom: 192px !important;} | |
| .pb-12, .pv-12 {padding-bottom: 256px !important;} | |
| .pb-13, .pv-13 {padding-bottom: 384px !important;} | |
| .pb-14, .pv-14 {padding-bottom: 512px !important;} | |
| .pb-15, .pv-15 {padding-bottom: 640px !important;} | |
| .pb-16, .pv-16 {padding-bottom: 768px !important;} | |
| .pl-0, .ph-0 {padding-left: 0px !important;} | |
| .pl-1, .ph-1 {padding-left: 4px !important;} | |
| .pl-2, .ph-2 {padding-left: 8px !important;} | |
| .pl-3, .ph-3 {padding-left: 12px !important;} | |
| .pl-4, .ph-4 {padding-left: 16px !important;} | |
| .pl-5, .ph-5 {padding-left: 24px !important;} | |
| .pl-6, .ph-6 {padding-left: 32px !important;} | |
| .pl-7, .ph-7 {padding-left: 48px !important;} | |
| .pl-8, .ph-8 {padding-left: 64px !important;} | |
| .pl-9, .ph-9 {padding-left: 96px !important;} | |
| .pl-10, .ph-10 {padding-left: 128px !important;} | |
| .pl-11, .ph-11 {padding-left: 192px !important;} | |
| .pl-12, .ph-12 {padding-left: 256px !important;} | |
| .pl-13, .ph-13 {padding-left: 384px !important;} | |
| .pl-14, .ph-14 {padding-left: 512px !important;} | |
| .pl-15, .ph-15 {padding-left: 640px !important;} | |
| .pl-16, .ph-16 {padding-left: 768px !important;} | |
| .pr-0, .ph-0 {padding-right: 0px !important;} | |
| .pr-1, .ph-1 {padding-right: 4px !important;} | |
| .pr-2, .ph-2 {padding-right: 8px !important;} | |
| .pr-3, .ph-3 {padding-right: 12px !important;} | |
| .pr-4, .ph-4 {padding-right: 16px !important;} | |
| .pr-5, .ph-5 {padding-right: 24px !important;} | |
| .pr-6, .ph-6 {padding-right: 32px !important;} | |
| .pr-7, .ph-7 {padding-right: 48px !important;} | |
| .pr-8, .ph-8 {padding-right: 64px !important;} | |
| .pr-9, .ph-9 {padding-right: 96px !important;} | |
| .pr-10, .ph-10 {padding-right: 128px !important;} | |
| .pr-11, .ph-11 {padding-right: 192px !important;} | |
| .pr-12, .ph-12 {padding-right: 256px !important;} | |
| .pr-13, .ph-13 {padding-right: 384px !important;} | |
| .pr-14, .ph-14 {padding-right: 512px !important;} | |
| .pr-15, .ph-15 {padding-right: 640px !important;} | |
| .pr-16, .ph-16 {padding-right: 768px !important;} | |
| .m-0 {margin: 0px !important;} | |
| .m-1 {margin: 4px !important;} | |
| .m-2 {margin: 8px !important;} | |
| .m-3 {margin: 12px !important;} | |
| .m-4 {margin: 16px !important;} | |
| .m-5 {margin: 24px !important;} | |
| .m-6 {margin: 32px !important;} | |
| .m-7 {margin: 48px !important;} | |
| .m-8 {margin: 64px !important;} | |
| .m-9 {margin: 96px !important;} | |
| .m-10 {margin: 128px !important;} | |
| .m-11 {margin: 192px !important;} | |
| .m-12 {margin: 256px !important;} | |
| .m-13 {margin: 384px !important;} | |
| .m-14 {margin: 512px !important;} | |
| .m-15 {margin: 640px !important;} | |
| .m-16 {margin: 768px !important;} | |
| .mr-a, .mh-a {margin-right: auto !important;} | |
| .mr-0, .mh-0 {margin-right: 0px !important;} | |
| .mr-1, .mh-1 {margin-right: 4px !important;} | |
| .mr-2, .mh-2 {margin-right: 8px !important;} | |
| .mr-3, .mh-3 {margin-right: 12px !important;} | |
| .mr-4, .mh-4 {margin-right: 16px !important;} | |
| .mr-5, .mh-5 {margin-right: 24px !important;} | |
| .mr-6, .mh-6 {margin-right: 32px !important;} | |
| .mr-7, .mh-7 {margin-right: 48px !important;} | |
| .mr-8, .mh-8 {margin-right: 64px !important;} | |
| .mr-9, .mh-9 {margin-right: 96px !important;} | |
| .mr-10, .mh-10 {margin-right: 128px !important;} | |
| .mr-11, .mh-11 {margin-right: 192px !important;} | |
| .mr-12, .mh-12 {margin-right: 256px !important;} | |
| .mr-13, .mh-13 {margin-right: 384px !important;} | |
| .mr-14, .mh-14 {margin-right: 512px !important;} | |
| .mr-15, .mh-15 {margin-right: 640px !important;} | |
| .mr-16, .mh-16 {margin-right: 768px !important;} | |
| .ml-a, .mh-a {margin-left: auto !important;} | |
| .ml-0, .mh-0 {margin-left: 0px !important;} | |
| .ml-1, .mh-1 {margin-left: 4px !important;} | |
| .ml-2, .mh-2 {margin-left: 8px !important;} | |
| .ml-3, .mh-3 {margin-left: 12px !important;} | |
| .ml-4, .mh-4 {margin-left: 16px !important;} | |
| .ml-5, .mh-5 {margin-left: 24px !important;} | |
| .ml-6, .mh-6 {margin-left: 32px !important;} | |
| .ml-7, .mh-7 {margin-left: 48px !important;} | |
| .ml-8, .mh-8 {margin-left: 64px !important;} | |
| .ml-9, .mh-9 {margin-left: 96px !important;} | |
| .ml-10, .mh-10 {margin-left: 128px !important;} | |
| .ml-11, .mh-11 {margin-left: 192px !important;} | |
| .ml-12, .mh-12 {margin-left: 256px !important;} | |
| .ml-13, .mh-13 {margin-left: 384px !important;} | |
| .ml-14, .mh-14 {margin-left: 512px !important;} | |
| .ml-15, .mh-15 {margin-left: 640px !important;} | |
| .ml-16, .mh-16 {margin-left: 768px !important;} | |
| .mt-0, .mv-0 {margin-top: 0px !important;} | |
| .mt-1, .mv-1 {margin-top: 4px !important;} | |
| .mt-2, .mv-2 {margin-top: 8px !important;} | |
| .mt-3, .mv-3 {margin-top: 12px !important;} | |
| .mt-4, .mv-4 {margin-top: 16px !important;} | |
| .mt-5, .mv-5 {margin-top: 24px !important;} | |
| .mt-6, .mv-6 {margin-top: 32px !important;} | |
| .mt-7, .mv-7 {margin-top: 48px !important;} | |
| .mt-8, .mv-8 {margin-top: 64px !important;} | |
| .mt-9, .mv-9 {margin-top: 96px !important;} | |
| .mt-10, .mv-10 {margin-top: 128px !important;} | |
| .mt-11, .mv-11 {margin-top: 192px !important;} | |
| .mt-12, .mv-12 {margin-top: 256px !important;} | |
| .mt-13, .mv-13 {margin-top: 384px !important;} | |
| .mt-14, .mv-14 {margin-top: 512px !important;} | |
| .mt-15, .mv-15 {margin-top: 640px !important;} | |
| .mt-16, .mv-16 {margin-top: 768px !important;} | |
| .mb-0, .mv-0 {margin-bottom: 0px !important;} | |
| .mb-1, .mv-1 {margin-bottom: 4px !important;} | |
| .mb-2, .mv-2 {margin-bottom: 8px !important;} | |
| .mb-3, .mv-3 {margin-bottom: 12px !important;} | |
| .mb-4, .mv-4 {margin-bottom: 16px !important;} | |
| .mb-5, .mv-5 {margin-bottom: 24px !important;} | |
| .mb-6, .mv-6 {margin-bottom: 32px !important;} | |
| .mb-7, .mv-7 {margin-bottom: 48px !important;} | |
| .mb-8, .mv-8 {margin-bottom: 64px !important;} | |
| .mb-9, .mv-9 {margin-bottom: 96px !important;} | |
| .mb-10, .mv-10 {margin-bottom: 128px !important;} | |
| .mb-11, .mv-11 {margin-bottom: 192px !important;} | |
| .mb-12, .mv-12 {margin-bottom: 256px !important;} | |
| .mb-13, .mv-13 {margin-bottom: 384px !important;} | |
| .mb-14, .mv-14 {margin-bottom: 512px !important;} | |
| .mb-15, .mv-15 {margin-bottom: 640px !important;} | |
| .mb-16, .mv-16 {margin-bottom: 768px !important;} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
CDN:
https://gistcdn.githack.com/Jonarod/97cde0c87f8b6ca585bed5a73e721488/raw/f45a0bbb9ae494673a36655185ec52a314dd39d1/spacing.css