mirror of
https://github.com/zooai/design.git
synced 2026-10-30 14:50:04 +00:00
zeekay
8e572430a8
Monochrome, dark by default. One hue rendered through an opacity ladder. Tokens (color, type, spacing, radius, elevation, motion) + core/forms/navigation/ overlays components + brand guidelines + ui kit. The single source of truth for every Zoo surface — loadable and editable.
15 lines
876 B
CSS
15 lines
876 B
CSS
/* Stacking order — the one z-index ladder. Layers are named by role, never by a
|
|
magic number, so a dropdown opened from the fixed header always sits above it
|
|
and nothing ever reaches for 9999. Below --z-raised is ordinary document flow. */
|
|
:root{
|
|
--z-base:0;
|
|
--z-raised:10; /* hover-lifted cards, sticky table headers */
|
|
--z-sticky:200; /* pinned section rails */
|
|
--z-header:300; /* the fixed site header */
|
|
--z-dropdown:400; /* menus, selects, comboboxes */
|
|
--z-overlay:500; /* dialog / sheet scrim */
|
|
--z-modal:600; /* dialogs, sheets, command palette */
|
|
--z-popover:700; /* popovers, tooltips (also when anchored in modals)*/
|
|
--z-toast:800; /* toasts / notifications — always on top */
|
|
}
|