Spacing
Margin and padding
Assign responsive-friendly margin or padding values to an element or a subset of its sides with shorthand classes. Includes support for individual properties, all properties, and vertical and horizontal properties. Classes are built from a default Sass map ranging from .25rem to 8rem.
The classes are named using the format {property}{sides}-{size} for xs and {property}{sides}-{breakpoint}-{size} for sm, md, lg, xl, and xxl.
Where property is one of:
-
m- for classes that setmargin -
p- for classes that setpadding
Where sides is one of:
-
t- for classes that setmargin-toporpadding-top -
b- for classes that setmargin-bottomorpadding-bottom -
s- (start) for classes that setmargin-leftorpadding-leftin LTR,margin-rightorpadding-rightin RTL -
e- (end) for classes that setmargin-rightorpadding-rightin LTR,margin-leftorpadding-leftin RTL -
x- for classes that set both*-leftand*-right -
y- for classes that set both*-topand*-bottom - blank - for classes that set a
marginorpaddingon all 4 sides of the element
Where size is one of:
-
0- for classes that eliminate themarginorpaddingby setting it to0 -
1- (by default) for classes that set themarginorpaddingto$spacer * .25 -
2- (by default) for classes that set themarginorpaddingto$spacer * .5 -
3- (by default) for classes that set themarginorpaddingto$spacer * .75 -
4- (by default) for classes that set themarginorpaddingto$spacer -
5- (by default) for classes that set themarginorpaddingto$spacer * 1.5 -
6- (by default) for classes that set themarginorpaddingto$spacer * 2 -
7- (by default) for classes that set themarginorpaddingto$spacer * 3 -
8- (by default) for classes that set themarginorpaddingto$spacer * 4 -
9- (by default) for classes that set themarginorpaddingto$spacer * 6 -
10- (by default) for classes that set themarginorpaddingto$spacer * 8 -
auto- for classes that set themarginto auto