Skip to main content
Margins
Same 4px base scale as paddings — use to separate independent blocks.
Scale
--space-1
4px
--space-2
8px
--space-3
12px
--space-4
16px
--space-5
20px
--space-6
24px
--space-7
28px
--space-8
32px
--space-9
36px
--space-10
40px
--space-12
48px
--space-14
56px
--space-16
64px
--space-18
72px
--space-20
80px
--space-24
96px
--space-28
112px
--space-32
128px