Spacing
Spacing utilities that apply to all breakpoints, from
xs to xxl, have no breakpoint abbreviation in them.
This is because those classes are applied from min-width: 0 and up,
and thus are not bound by a media query. The remaining breakpoints, however, do
include a breakpoint abbreviation.
The classes are named using the format
{property}{sides}-{size} for xs and
{property}{sides}-{breakpoint}-{size} for sm,
md, lg, xl and xxl.
Whereproperty is one of:
m- for classes that setmarginp- for classes that setpadding
Wheresides is one of:
-
t- for classes that setmargin-toporpadding-top -
b- for classes that setmargin-bottomorpadding-bottom -
l- for classes that setmargin-leftorpadding-left -
r- for classes that setmargin-rightorpadding-right -
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
Wheresize is one of: 0, 1, 2,
3, 4, 5, 6, 7,
8, 9, 10, 11 &
auto
