Spacing system is vast and comprehensive. There are 10 predefined padding sizes. In specific cases, when a huge gap is needed those values can be summed up.
| Token | Alias | Value | Example |
|---|---|---|---|
| spacing[0] | spacing.zero | 0 | |
| spacing[1] | spacing.xxxsmall | 4 | |
| spacing[2] | spacing.xxsmall | 8 | |
| spacing[3] | spacing.xsmall | 12 | |
| spacing[4] | spacing.small | 16 | |
| spacing[5] | spacing.medium | 20 | |
| spacing[6] | spacing.large | 24 | |
| spacing[7] | spacing.xlarge | 32 | |
| spacing[8] | spacing.xxlarge | 40 | |
| spacing[9] | spacing.xxxlarge | 56 | |
| spacing[10] | spacing.huge | 72 | |
| spacing[11] | spacing.xhuge | 80 |