Z-Index 1.2.0

Verwalte Stacking-Kontexte mit tokenbasierten Z-Index-Utilities, die Z-Index-Konflikte vermeiden sollen. English: Z-index

Reifegrad: In VelinStyle 1.2.0 als stable dokumentiert. Studio und die vollständige Utility Engine bleiben geplant — ausgelieferte Utilities sind unter @layer utilities von Hand geschrieben, kein vollständiger Variantengenerator.

Wann verwenden

Stapele Overlays mit --velin-z-*-Tokens und passenden Utilities.

Wann nicht

Erfinde keine Z-Index-Werte außerhalb der Token-Leiter, ohne den Grund zu dokumentieren.

Z-index Klassen

Klasse	Wert
`.velin-z-n1`	-1
`.velin-z-0`	0
`.velin-z-1`	1
`.velin-z-2`	2
`.velin-z-3`	3
`.velin-z-dropdown`	1000
`.velin-z-sticky`	1020
`.velin-z-fixed`	1030
`.velin-z-modal-backdrop`	1040
`.velin-z-modal`	1050
`.velin-z-popover`	1070
`.velin-z-tooltip`	1080
`.velin-z-toast`	1090

Verwendung

<div class="velin-position-relative velin-z-1">Niedriger</div>
<div class="velin-position-relative velin-z-3">Höher</div>
<nav class="velin-position-sticky velin-z-sticky">Sticky-Navigation</nav>

Niedriger

Höher