Z-Index
Z-Index tokens define layering values to establish consistent stacking order across the design system.
| Token | CSS Variable | Value |
|---|---|---|
base.z.abyss
|
var(--nbhd-base-z-abyss)
|
-999999 |
base.z.buried
|
var(--nbhd-base-z-buried)
|
-100 |
base.z.below
|
var(--nbhd-base-z-below)
|
-1 |
z.base
|
var(--nbhd-z-base)
|
0 |
base.z.auto
|
var(--nbhd-base-z-auto)
|
auto |
base.z.1
|
var(--nbhd-base-z-1)
|
1 |
base.z.10
|
var(--nbhd-base-z-10)
|
10 |
base.z.100
|
var(--nbhd-base-z-100)
|
100 |
base.z.200
|
var(--nbhd-base-z-200)
|
200 |
base.z.300
|
var(--nbhd-base-z-300)
|
300 |
base.z.400
|
var(--nbhd-base-z-400)
|
400 |
base.z.500
|
var(--nbhd-base-z-500)
|
500 |
base.z.600
|
var(--nbhd-base-z-600)
|
600 |
base.z.700
|
var(--nbhd-base-z-700)
|
700 |
base.z.800
|
var(--nbhd-base-z-800)
|
800 |
base.z.900
|
var(--nbhd-base-z-900)
|
900 |