Layout Scales
These are the numbers, corresponding to pixel values, available for each set of layout classes. All of these class sets include *-mm, *-ml, and *-mxl variations to target screen sizes.
Margins
mx{n}
my{n}
ml{n}
mt{n}
mr{n}
mb{n}
-neg1-neg2-neg3-neg6-neg12-neg18-neg24-neg30-neg36-neg60-neg120-neg180-neg240-neg300-neg360036121824303660120180240300360
Margins (percentage-based)
mr-{fraction}
ml-{fraction}
1/121/61/41/35/121/27/122/33/45/611/12
Paddings
px{n}
py{n}
pl{n}
pt{n}
pr{n}
pb{n}
036121824303660120180240300360
036121824303660120180240300360600-full-auto
Widths (percentage-based)
w-{fraction}
1/121/61/41/35/121/27/122/33/45/611/12
03612182430366012018024030036060012001800-full-none
036121824303660120180240300360600-full
036121824303660120180240300360600-full-auto
036121824303660120180240300360600-full-none
036121824303660120180240300360600-full