Слои
Именованные уровни z-index: структурные слои в потоке документа и
всплывающие поверх него. Компоненты берут уровень по роли
(--z-modal, --z-tooltip), числа в стилях не появляются — поэтому
порядок наложения меняется в одном файле. Шкала согласована
с тенями: чем выше слой, тем глубже тень.
Слои
| Variable | Value | Preview | Description |
|---|---|---|---|
--z-base | 0 | 0 — базовый поток документа; элементы без приподнятия над фоном | |
--z-sticky | 100 | 100 — «липкие» элементы: фиксированные шапки таблиц, боковые панели | |
--z-overlay | 200 | 200 — затемняющая подложка под модальными окнами и панелями | |
--z-modal | 300 | 300 — модальные окна, диалоги и боковые листы | |
--z-dropdown | 400 | 400 — выпадающие списки и автодополнение | |
--z-popover | 500 | 500 — поповеры и контекстные меню | |
--z-tooltip | 600 | 600 — подсказки (tooltip) | |
--z-toast | 700 | 700 — всплывающие уведомления (toast) — верхний слой наложения |