Spacings

Default size: 20px = 1rem

Available margin and padding range: 0rem-10rem

Available breakpoints:

none
small
small-xl
medium
medium-xl
medium-xx
large
xlarge
xxlarge

Available sides:

All
Top (t)
Right (r)
Bottom (b)
Left (l)
X (x) (Left and Right)
Y (y) (Top and Bottom)

Margins

Margin 0
.m0

Margin 0.25
.m-qtr

Margin 0.5
.m-half

Margin 1
.m1

Margin 2
.m2

Margin 3
.m3

Margin 4
.m4

Margin 5
.m5

Margin 6
.m6

Margin 7
.m7

Margin 8
.m8

Margin 9
.m9

Margin 10
.m10

Margin X 5
.mx5 (0-10 available)

Margin Y 5
.my5 (0-10 available)

Paddings

Padding 0
.p0

Padding 0.25
.p-qtr

Padding 0.5
.p-half

Padding 1
.p1

Padding 2
.p2

Padding 3
.p3

Padding 4
.p4

Padding 5
.p5

Padding 6
.p6

Padding 7
.p7

Padding 8
.p8

Padding 9
.p9

Padding 10
.p10

Padding X 5
.px5 (0-10 available)

Padding Y 5
.py5 (0-10 available)