Utilities
Spacing
Assign margin
or padding
to the top or bottom of an element with a spacing utility class. All classes are multiples of 20px
.
Class names use the format: [property]-[side]-[size]
where [property]
is m
for margin or p
for padding. [side]
is t
for top, b
for bottom, l
for left, and r
for right. [size]
is 0
to remove margin or padding, sm
is for 20px, md
is 30px, and lg
is 40px.
.m-t-0 {
margin-top: 0;
}
.m-t-xs {
margin-top: 10px;
}
.m-t-sm {
margin-top: 20px;
}
.p-b-md {
padding-bottom: 30px;
}
.p-b-lg {
padding-bottom: 40px;
}