Tokens · Token families
Layers
Which layer sits on top: the z-index of every overlay, in order. Ships with @luz-ds/core.
Files: settings/_settings.css
Z-index scale
--luz-z-base0Default layer--luz-z-raised10Tooltips, sticky bars--luz-z-overlay90Drawer backdrop--luz-z-sidebar100Sidebar--luz-z-modal200Modal, navigation toggle--luz-z-toast300Skip link, toasts
Ships with core, not with tokens.
- Use the z-index tokens instead of numbers, so layers stay in this order.