| Example | Description | Token |
|---|---|---|
0 / 0rem | spacing-0 | $spacing-0.u-mt-0, .u-pb-0, etc.t-spacing(0) |
8px / 1rem | spacing-1 | $spacing-1.u-mt-1, .u-pb-1, etc.t-spacing(1) |
16px / 2rem | spacing-2 | $spacing-2.u-mt-2, .u-pb-2, etc.t-spacing(2) |
24px / 3rem | spacing-3 | $spacing-3.u-mt-3, .u-pb-3, etc.t-spacing(3) |
32px / 4rem | spacing-4 | $spacing-4.u-mt-4, .u-pb-4, etc.t-spacing(4) |
40px / 5rem | spacing-5 | $spacing-5.u-mt-5, .u-pb-5, etc.t-spacing(5) |
48px / 6rem | spacing-6 | $spacing-6.u-mt-6, .u-pb-6, etc.t-spacing(6) |
56px / 7rem | spacing-7 | $spacing-7.u-mt-7, .u-pb-7, etc.t-spacing(7) |
64px / 8rem | spacing-8 | $spacing-8.u-mt-8, .u-pb-8, etc.t-spacing(8) |
72px / 9rem | spacing-9 | $spacing-9.u-mt-9, .u-pb-9, etc.t-spacing(9) |
80px / 10rem | spacing-10 | $spacing-10.u-mt-10, .u-pb-10, etc.t-spacing(10) |
88px / 11rem | spacing-11 | $spacing-11.u-mt-11, .u-pb-11, etc.t-spacing(11) |
96px / 12rem | spacing-12 | $spacing-12.u-mt-12, .u-pb-12, etc.t-spacing(12) |
104px / 13rem | spacing-13 | $spacing-13.u-mt-13, .u-pb-13, etc.t-spacing(13) |
112px / 14rem | spacing-14 | $spacing-14.u-mt-14, .u-pb-14, etc.t-spacing(14) |
120px / 15rem | spacing-15 | $spacing-15.u-mt-15, .u-pb-15, etc.t-spacing(15) |
4px / 0.5rem | spacing-05 | $spacing-05.u-mt-0.5, .u-pb-0.5, etc.t-spacing(0.5) |
6px / 0.75rem | spacing-07 | $spacing-07.u-mt-0.75, .u-pb-0.75, etc.t-spacing(0.75) |
12px / 1.5rem | spacing-1hf | $spacing-1hf.u-mt-1.5, .u-pb-1.5, etc.t-spacing(1.5) |
20px / 2.5rem | spacing-2hf | $spacing-2hf.u-mt-2.5, .u-pb-2.5, etc.t-spacing(2.5) |