Spacing
The spacing scale is a modular scale of values stored as SASS variables.
Spacing Scale
These values are used for vertical spacing, padding and margins of all components within this UI Kit.
XSmall - 4px
spacing(1)
Small - 8px
spacing(2)
Default - 16px
spacing(3)
Medium - 24px
spacing(4)
Large - 32px
spacing(5)
XLarge - 48px
spacing(6)
2XLarge - 64px
spacing(7)
3XLarge - 72px
spacing(8)
4XLarge - 80px
spacing(9)