Skip to content

Instantly share code, notes, and snippets.

@johnbocook
Created September 28, 2017 06:20
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save johnbocook/75951ab4488e063ae4244935e11df39f to your computer and use it in GitHub Desktop.
Save johnbocook/75951ab4488e063ae4244935e11df39f to your computer and use it in GitHub Desktop.
Padding styles used in blazer framework.
/* Padding and Margins */
/* 0 */
.padding-top-0 {
padding-top: 0px;
}
.padding-bottom-0 {
padding-bottom: 0px;
}
.padding-left-0 {
padding-left: 0px;
}
.padding-right-0 {
padding-right: 0px;
}
.margin-top-0 {
margin-top: 0px;
}
.margin-bottom-0 {
margin-bottom: 0px;
}
.margin-left-0 {
margin-left: 0px;
}
.margin-right-0 {
padding-top: 0px;
}
/* Small */
.padding-top-sm {
padding-top: 8px;
}
.padding-bottom-sm {
padding-bottom: 8px;
}
.padding-left-sm {
padding-left: 8px;
}
.padding-right-sm {
padding-right: 8px;
}
.margin-top-sm {
margin-top: 8px;
}
.margin-bottom-sm {
margin-bottom: 8px;
}
.margin-left-sm {
margin-left: 8px;
}
.margin-right-sm {
padding-top: 8px;
}
/* Medium */
/* Bootstrap Default: 15px; */
/* Large */
.padding-top-lg {
padding-top: 30px;
}
.padding-bottom-lg {
padding-bottom: 30px;
}
.padding-left-lg {
padding-left: 30px;
}
.padding-right-lg {
padding-right: 30px;
}
.margin-top-lg {
margin-top: 30px;
}
.margin-bottom-lg {
margin-bottom: 30px;
}
.margin-left-lg {
margin-left: 30px;
}
.margin-right-lg {
padding-top: 30px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment