Spacing
Neighborhood uses a 4px base spacing.
| Token | CSS Variable | Value | Example |
|---|---|---|---|
base.space.0
|
var(--nbhd-base-space-0)
|
0px |
|
base.space.025
|
var(--nbhd-base-space-025)
|
1px |
|
base.space.05
|
var(--nbhd-base-space-05)
|
2px |
|
base.space.1
|
var(--nbhd-base-space-1)
|
4px |
|
base.space.2
|
var(--nbhd-base-space-2)
|
8px |
|
base.space.3
|
var(--nbhd-base-space-3)
|
12px |
|
base.space.4
|
var(--nbhd-base-space-4)
|
16px |
|
base.space.5
|
var(--nbhd-base-space-5)
|
20px |
|
base.space.6
|
var(--nbhd-base-space-6)
|
24px |
|
base.space.7
|
var(--nbhd-base-space-7)
|
28px |
|
base.space.8
|
var(--nbhd-base-space-8)
|
32px |
|
base.space.9
|
var(--nbhd-base-space-9)
|
36px |
|
base.space.10
|
var(--nbhd-base-space-10)
|
40px |
|
base.space.11
|
var(--nbhd-base-space-11)
|
44px |
|
base.space.12
|
var(--nbhd-base-space-12)
|
48px |
|
base.space.13
|
var(--nbhd-base-space-13)
|
52px |
|
base.space.14
|
var(--nbhd-base-space-14)
|
56px |
|
base.space.15
|
var(--nbhd-base-space-15)
|
60px |
|
base.space.16
|
var(--nbhd-base-space-16)
|
64px |
|
base.space.17
|
var(--nbhd-base-space-17)
|
68px |
|
base.space.18
|
var(--nbhd-base-space-18)
|
72px |
|
base.space.19
|
var(--nbhd-base-space-19)
|
76px |
|
base.space.20
|
var(--nbhd-base-space-20)
|
80px |
|
base.space.21
|
var(--nbhd-base-space-21)
|
84px |
|
base.space.22
|
var(--nbhd-base-space-22)
|
88px |
|
base.space.23
|
var(--nbhd-base-space-23)
|
92px |
|
base.space.24
|
var(--nbhd-base-space-24)
|
96px |
|
base.space.25
|
var(--nbhd-base-space-25)
|
100px |
|
base.space.26
|
var(--nbhd-base-space-26)
|
104px |
|
base.space.27
|
var(--nbhd-base-space-27)
|
108px |
|
base.space.28
|
var(--nbhd-base-space-28)
|
112px |
|
base.space.29
|
var(--nbhd-base-space-29)
|
116px |
|
base.space.30
|
var(--nbhd-base-space-30)
|
120px |
|
base.space.31
|
var(--nbhd-base-space-31)
|
124px |
|
base.space.32
|
var(--nbhd-base-space-32)
|
128px |
|
base.space.33
|
var(--nbhd-base-space-33)
|
132px |
|
base.space.34
|
var(--nbhd-base-space-34)
|
136px |
|
base.space.35
|
var(--nbhd-base-space-35)
|
140px |
|
base.space.36
|
var(--nbhd-base-space-36)
|
144px |
|
base.space.37
|
var(--nbhd-base-space-37)
|
148px |
|
base.space.38
|
var(--nbhd-base-space-38)
|
152px |
|
base.space.39
|
var(--nbhd-base-space-39)
|
156px |
|
base.space.40
|
var(--nbhd-base-space-40)
|
160px |
|