Skip to content

Instantly share code, notes, and snippets.

@zillingen
Last active November 19, 2017 18:19
Show Gist options
  • Save zillingen/b8ef22238b548112f3903b76a7c1c454 to your computer and use it in GitHub Desktop.
Save zillingen/b8ef22238b548112f3903b76a7c1c454 to your computer and use it in GitHub Desktop.
CSS base styles
/* Base Margins */
.m-0 { margin: 0 !important; }
.m-1 { margin: .25rem !important; }
.m-2 { margin: .5rem !important; }
.m-3 { margin: .75rem !important; }
.m-4 { margin: 1rem !important; }
.mt-0 { margin-top: 0 !important; }
.mt-1 { margin-top: .25rem !important; }
.mt-2 { margin-top: .5rem !important; }
.mt-3 { margin-top: .75rem !important; }
.mt-4 { margin-top: 1rem !important; }
.mb-0 { margin-bottom: 0 !important; }
.mb-1 { margin-bottom: .25rem !important; }
.mb-2 { margin-bottom: .5rem !important; }
.mb-3 { margin-bottom: .75rem !important; }
.mb-4 { margin-bottom: 1rem !important; }
.ml-0 { margin-left: 0 !important;}
.ml-1 { margin-left: .25rem !important; }
.ml-2 { margin-left: .5rem !important; }
.ml-3 { margin-left: .75rem !important; }
.ml-4 { margin-left: 1rem !important; }
.mr-0 { margin-right: 0 !important; }
.mr-1 { margin-right: .25rem !important; }
.mr-2 { margin-right: .5rem !important; }
.mr-3 { margin-right: .75rem !important; }
.mr-4 { margin-right: 1rem !important; }
/* Base Padding */
.p-0 { padding: 0 !important; }
.p-1 { padding: .25rem !important; }
.p-2 { padding: .5rem !important; }
.p-3 { padding: .75rem !important; }
.p-4 { padding: 1rem !important; }
.pt-0 { padding-top: 0 !important; }
.pt-1 { padding-top: .25rem !important; }
.pt-2 { padding-top: .5rem !important; }
.pt-3 { padding-top: .75rem !important; }
.pt-4 { padding-top: 1rem !important; }
.pb-0 { padding-bottom: 0 !important; }
.pb-1 { padding-bottom: .25rem !important; }
.pb-2 { padding-bottom: .5rem !important; }
.pb-3 { padding-bottom: .75rem !important; }
.pb-4 { padding-bottom: 1rem !important; }
.pl-0 { padding-left: 0 !important;}
.pl-1 { padding-left: .25rem !important; }
.pl-2 { padding-left: .5rem !important; }
.pl-3 { padding-left: .75rem !important; }
.pl-4 { padding-left: 1rem !important; }
.pr-0 { padding-right: 0 !important; }
.pr-1 { padding-right: .25rem !important; }
.pr-2 { padding-right: .5rem !important; }
.pr-3 { padding-right: .75rem !important; }
.pr-4 { padding-right: 1rem !important; }
/* Base Borders */
.bt { border-top: 1px solid #eee; }
.bb { border-bottom: 1px solid #eee; }
.bl { border-left: 1px solid #eee; }
.br { border-right: 1px solid #eee; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment