Created
September 6, 2018 05:15
-
-
Save lydemann/673a8835511d56b44fda109857333f0a to your computer and use it in GitHub Desktop.
Helpers for setting position using padding and margin
This file contains hidden or 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
| /* | |
| Helpers for setting position using padding and margin | |
| */ | |
| .p-0 { | |
| padding: 0px; | |
| } | |
| .p-3 { | |
| padding: 3px; | |
| } | |
| .p-5 { | |
| padding: 5px; | |
| } | |
| .p-10 { | |
| padding: 10px; | |
| } | |
| .p-15 { | |
| padding: 15px; | |
| } | |
| .p-20 { | |
| padding: 20px; | |
| } | |
| .p-25 { | |
| padding: 25px; | |
| } | |
| .p-30 { | |
| padding: 30px; | |
| } | |
| .p-35 { | |
| padding: 35px; | |
| } | |
| .p-40 { | |
| padding: 40px; | |
| } | |
| .p-45 { | |
| padding: 45px; | |
| } | |
| .p-50 { | |
| padding: 50px; | |
| } | |
| .pt-0 { | |
| padding-top: 0px; | |
| } | |
| .pt-3 { | |
| padding-top: 3px; | |
| } | |
| .pt-5 { | |
| padding-top: 5px; | |
| } | |
| .pt-10 { | |
| padding-top: 10px; | |
| } | |
| .pt-15 { | |
| padding-top: 15px; | |
| } | |
| .pt-20 { | |
| padding-top: 20px; | |
| } | |
| .pt-25 { | |
| padding-top: 25px; | |
| } | |
| .pt-30 { | |
| padding-top: 30px; | |
| } | |
| .pt-35 { | |
| padding-top: 35px; | |
| } | |
| .pt-40 { | |
| padding-top: 40px; | |
| } | |
| .pt-45 { | |
| padding-top: 45px; | |
| } | |
| .pt-50 { | |
| padding-top: 50px; | |
| } | |
| .pr-0 { | |
| padding-right: 0px; | |
| } | |
| .pr-3 { | |
| padding-right: 3px; | |
| } | |
| .pr-5 { | |
| padding-right: 5px; | |
| } | |
| .pr-10 { | |
| padding-right: 10px; | |
| } | |
| .pr-15 { | |
| padding-right: 15px; | |
| } | |
| .pr-20 { | |
| padding-right: 20px; | |
| } | |
| .pr-25 { | |
| padding-right: 25px; | |
| } | |
| .pr-30 { | |
| padding-right: 30px; | |
| } | |
| .pr-35 { | |
| padding-right: 35px; | |
| } | |
| .pr-40 { | |
| padding-right: 40px; | |
| } | |
| .pr-45 { | |
| padding-right: 45px; | |
| } | |
| .pr-50 { | |
| padding-right: 50px; | |
| } | |
| .pb-0 { | |
| padding-bottom: 0px; | |
| } | |
| .pb-3 { | |
| padding-bottom: 3px; | |
| } | |
| .pb-5 { | |
| padding-bottom: 5px; | |
| } | |
| .pb-10 { | |
| padding-bottom: 10px; | |
| } | |
| .pb-15 { | |
| padding-bottom: 15px; | |
| } | |
| .pb-20 { | |
| padding-bottom: 20px; | |
| } | |
| .pb-25 { | |
| padding-bottom: 25px; | |
| } | |
| .pb-30 { | |
| padding-bottom: 30px; | |
| } | |
| .pb-35 { | |
| padding-bottom: 35px; | |
| } | |
| .pb-40 { | |
| padding-bottom: 40px; | |
| } | |
| .pb-45 { | |
| padding-bottom: 45px; | |
| } | |
| .pb-50 { | |
| padding-bottom: 50px; | |
| } | |
| .pl-0 { | |
| padding-left: 0px; | |
| } | |
| .pl-3 { | |
| padding-left: 3px; | |
| } | |
| .pl-5 { | |
| padding-left: 5px; | |
| } | |
| .pl-10 { | |
| padding-left: 10px; | |
| } | |
| .pl-15 { | |
| padding-left: 15px; | |
| } | |
| .pl-20 { | |
| padding-left: 20px; | |
| } | |
| .pl-25 { | |
| padding-left: 25px; | |
| } | |
| .pl-30 { | |
| padding-left: 30px; | |
| } | |
| .pl-35 { | |
| padding-left: 35px; | |
| } | |
| .pl-40 { | |
| padding-left: 40px; | |
| } | |
| .pl-45 { | |
| padding-left: 45px; | |
| } | |
| .pl-50 { | |
| padding-left: 50px; | |
| } | |
| .m-0 { | |
| margin: 0px; | |
| } | |
| .m-3 { | |
| margin: 3px; | |
| } | |
| .m-5 { | |
| margin: 5px; | |
| } | |
| .m-10 { | |
| margin: 10px; | |
| } | |
| .m-15 { | |
| margin: 15px; | |
| } | |
| .m-20 { | |
| margin: 20px; | |
| } | |
| .m-25 { | |
| margin: 25px; | |
| } | |
| .m-30 { | |
| margin: 30px; | |
| } | |
| .m-35 { | |
| margin: 35px; | |
| } | |
| .m-40 { | |
| margin: 40px; | |
| } | |
| .m-45 { | |
| margin: 45px; | |
| } | |
| .m-50 { | |
| margin: 50px; | |
| } | |
| .mt-0 { | |
| margin-top: 0px; | |
| } | |
| .mt-3 { | |
| margin-top: 3px; | |
| } | |
| .mt-5 { | |
| margin-top: 5px; | |
| } | |
| .mt-10 { | |
| margin-top: 10px; | |
| } | |
| .mt-15 { | |
| margin-top: 15px; | |
| } | |
| .mt-20 { | |
| margin-top: 20px; | |
| } | |
| .mt-25 { | |
| margin-top: 25px; | |
| } | |
| .mt-30 { | |
| margin-top: 30px; | |
| } | |
| .mt-35 { | |
| margin-top: 35px; | |
| } | |
| .mt-40 { | |
| margin-top: 40px; | |
| } | |
| .mt-45 { | |
| margin-top: 45px; | |
| } | |
| .mt-50 { | |
| margin-top: 50px; | |
| } | |
| .mr-0 { | |
| margin-right: 0px; | |
| } | |
| .mr-3 { | |
| margin-right: 3px; | |
| } | |
| .mr-5 { | |
| margin-right: 5px; | |
| } | |
| .mr-10 { | |
| margin-right: 10px; | |
| } | |
| .mr-15 { | |
| margin-right: 15px; | |
| } | |
| .mr-20 { | |
| margin-right: 20px; | |
| } | |
| .mr-25 { | |
| margin-right: 25px; | |
| } | |
| .mr-30 { | |
| margin-right: 30px; | |
| } | |
| .mr-35 { | |
| margin-right: 35px; | |
| } | |
| .mr-40 { | |
| margin-right: 40px; | |
| } | |
| .mr-45 { | |
| margin-right: 45px; | |
| } | |
| .mr-50 { | |
| margin-right: 50px; | |
| } | |
| .mb-0 { | |
| margin-bottom: 0px; | |
| } | |
| .mb-3 { | |
| margin-bottom: 3px; | |
| } | |
| .mb-5 { | |
| margin-bottom: 5px; | |
| } | |
| .mb-10 { | |
| margin-bottom: 10px; | |
| } | |
| .mb-15 { | |
| margin-bottom: 15px; | |
| } | |
| .mb-20 { | |
| margin-bottom: 20px; | |
| } | |
| .mb-25 { | |
| margin-bottom: 25px; | |
| } | |
| .mb-30 { | |
| margin-bottom: 30px; | |
| } | |
| .mb-35 { | |
| margin-bottom: 35px; | |
| } | |
| .mb-40 { | |
| margin-bottom: 40px; | |
| } | |
| .mb-45 { | |
| margin-bottom: 45px; | |
| } | |
| .mb-50 { | |
| margin-bottom: 50px; | |
| } | |
| .ml-0 { | |
| margin-left: 0px; | |
| } | |
| .ml-3 { | |
| margin-left: 3px; | |
| } | |
| .ml-5 { | |
| margin-left: 5px; | |
| } | |
| .ml-10 { | |
| margin-left: 10px; | |
| } | |
| .ml-15 { | |
| margin-left: 15px; | |
| } | |
| .ml-20 { | |
| margin-left: 20px; | |
| } | |
| .ml-25 { | |
| margin-left: 25px; | |
| } | |
| .ml-30 { | |
| margin-left: 30px; | |
| } | |
| .ml-35 { | |
| margin-left: 35px; | |
| } | |
| .ml-40 { | |
| margin-left: 40px; | |
| } | |
| .ml-45 { | |
| margin-left: 45px; | |
| } | |
| .ml-50 { | |
| margin-left: 50px; | |
| } | |
| .mh-a { | |
| margin: 0 auto; | |
| } | |
| .pull-right { | |
| margin-left: auto; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment