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