Created
January 7, 2015 22:18
-
-
Save barmmie/3b71786b48dd3b5043de to your computer and use it in GitHub Desktop.
Padding And Margin Css Helper
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
| .m-xs { | |
| margin: 5px; | |
| } | |
| .m-sm { | |
| margin: 10px; | |
| } | |
| .m { | |
| margin: 15px; | |
| } | |
| .m-md { | |
| margin: 20px; | |
| } | |
| .m-lg { | |
| margin: 30px; | |
| } | |
| .m-n { | |
| margin: 0; | |
| } | |
| .m-l-none { | |
| margin-left: 0; | |
| } | |
| .m-l-xs { | |
| margin-left: 5px; | |
| } | |
| .m-l-sm { | |
| margin-left: 10px; | |
| } | |
| .m-l { | |
| margin-left: 15px; | |
| } | |
| .m-l-md { | |
| margin-left: 20px; | |
| } | |
| .m-l-lg { | |
| margin-left: 30px; | |
| } | |
| .m-l-xl { | |
| margin-left: 40px; | |
| } | |
| .m-l-n-xxs { | |
| margin-left: -1px; | |
| } | |
| .m-l-n-xs { | |
| margin-left: -5px; | |
| } | |
| .m-l-n-sm { | |
| margin-left: -10px; | |
| } | |
| .m-l-n { | |
| margin-left: -15px; | |
| } | |
| .m-l-n-md { | |
| margin-left: -20px; | |
| } | |
| .m-l-n-lg { | |
| margin-left: -30px; | |
| } | |
| .m-l-n-xl { | |
| margin-left: -40px; | |
| } | |
| .m-t-none { | |
| margin-top: 0; | |
| } | |
| .m-t-xxs { | |
| margin-top: 1px; | |
| } | |
| .m-t-xs { | |
| margin-top: 5px; | |
| } | |
| .m-t-sm { | |
| margin-top: 10px; | |
| } | |
| .m-t { | |
| margin-top: 15px; | |
| } | |
| .m-t-md { | |
| margin-top: 20px; | |
| } | |
| .m-t-lg { | |
| margin-top: 30px; | |
| } | |
| .m-t-xl { | |
| margin-top: 40px; | |
| } | |
| .m-t-n-xxs { | |
| margin-top: -1px; | |
| } | |
| .m-t-n-xs { | |
| margin-top: -5px; | |
| } | |
| .m-t-n-sm { | |
| margin-top: -10px; | |
| } | |
| .m-t-n { | |
| margin-top: -15px; | |
| } | |
| .m-t-n-md { | |
| margin-top: -20px; | |
| } | |
| .m-t-n-lg { | |
| margin-top: -30px; | |
| } | |
| .m-t-n-xl { | |
| margin-top: -40px; | |
| } | |
| .m-r-none { | |
| margin-right: 0; | |
| } | |
| .m-r-xs { | |
| margin-right: 5px; | |
| } | |
| .m-r-sm { | |
| margin-right: 10px; | |
| } | |
| .m-r { | |
| margin-right: 15px; | |
| } | |
| .m-r-md { | |
| margin-right: 20px; | |
| } | |
| .m-r-lg { | |
| margin-right: 30px; | |
| } | |
| .m-r-xl { | |
| margin-right: 40px; | |
| } | |
| .m-r-n-xxs { | |
| margin-right: -1px; | |
| } | |
| .m-r-n-xs { | |
| margin-right: -5px; | |
| } | |
| .m-r-n-sm { | |
| margin-right: -10px; | |
| } | |
| .m-r-n { | |
| margin-right: -15px; | |
| } | |
| .m-r-n-md { | |
| margin-right: -20px; | |
| } | |
| .m-r-n-lg { | |
| margin-right: -30px; | |
| } | |
| .m-r-n-xl { | |
| margin-right: -40px; | |
| } | |
| .m-b-none { | |
| margin-bottom: 0; | |
| } | |
| .m-b-xs { | |
| margin-bottom: 5px; | |
| } | |
| .m-b-sm { | |
| margin-bottom: 10px; | |
| } | |
| .m-b { | |
| margin-bottom: 15px; | |
| } | |
| .m-b-md { | |
| margin-bottom: 20px; | |
| } | |
| .m-b-lg { | |
| margin-bottom: 30px; | |
| } | |
| .m-b-xl { | |
| margin-bottom: 40px; | |
| } | |
| .m-b-n-xxs { | |
| margin-bottom: -1px; | |
| } | |
| .m-b-n-xs { | |
| margin-bottom: -5px; | |
| } | |
| .m-b-n-sm { | |
| margin-bottom: -10px; | |
| } | |
| .m-b-n { | |
| margin-bottom: -15px; | |
| } | |
| .m-b-n-md { | |
| margin-bottom: -20px; | |
| } | |
| .m-b-n-lg { | |
| margin-bottom: -30px; | |
| } | |
| .m-b-n-xl { | |
| margin-bottom: -40px; | |
| } | |
| .p-xs { | |
| padding: 5px; | |
| } | |
| .p-sm { | |
| padding: 10px; | |
| } | |
| .p { | |
| padding: 15px; | |
| } | |
| .p-md { | |
| padding: 20px; | |
| } | |
| .p-lg { | |
| padding: 30px; | |
| } | |
| .p-n { | |
| padding: 0; | |
| } | |
| .p-l-none { | |
| padding-left: 0; | |
| } | |
| .p-l-xs { | |
| padding-left: 5px; | |
| } | |
| .p-l-sm { | |
| padding-left: 10px; | |
| } | |
| .p-l { | |
| padding-left: 15px; | |
| } | |
| .p-l-md { | |
| padding-left: 20px; | |
| } | |
| .p-l-lg { | |
| padding-left: 30px; | |
| } | |
| .p-l-xl { | |
| padding-left: 40px; | |
| } | |
| .p-t-none { | |
| padding-top: 0; | |
| } | |
| .p-t-xxs { | |
| padding-top: 1px; | |
| } | |
| .p-t-xs { | |
| padding-top: 5px; | |
| } | |
| .p-t-sm { | |
| padding-top: 10px; | |
| } | |
| .p-t { | |
| padding-top: 15px; | |
| } | |
| .p-t-md { | |
| padding-top: 20px; | |
| } | |
| .p-t-lg { | |
| padding-top: 30px; | |
| } | |
| .p-t-xl { | |
| padding-top: 40px; | |
| } | |
| .p-r-none { | |
| padding-right: 0; | |
| } | |
| .p-r-xs { | |
| padding-right: 5px; | |
| } | |
| .p-r-sm { | |
| padding-right: 10px; | |
| } | |
| .p-r { | |
| padding-right: 15px; | |
| } | |
| .p-r-md { | |
| padding-right: 20px; | |
| } | |
| .p-r-lg { | |
| padding-right: 30px; | |
| } | |
| .p-r-xl { | |
| padding-right: 40px; | |
| } | |
| .p-b-none { | |
| padding-bottom: 0; | |
| } | |
| .p-b-xs { | |
| padding-bottom: 5px; | |
| } | |
| .p-b-sm { | |
| padding-bottom: 10px; | |
| } | |
| .p-b { | |
| padding-bottom: 15px; | |
| } | |
| .p-b-md { | |
| padding-bottom: 20px; | |
| } | |
| .p-b-lg { | |
| padding-bottom: 30px; | |
| } | |
| .p-b-xl { | |
| padding-bottom: 40px; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Thanks for this