Z-index 1.2.2

Manage stacking context with token-based z-index utilities designed to prevent z-index wars. Deutsch: Z-Index

Maturity: Documented as stable in VelinStyle 1.2.0. Studio and the complete Utility Engine remain planned — shipping utilities are hand-authored under @layer utilities, not a full variant generator.

When to use

Stack overlays using --velin-z-* tokens / matching utilities.

When not

Do not invent z-index values outside the token ladder without documenting why.

Z-index Classes

Class	Value
`.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

Usage

<div class="velin-position-relative velin-z-1">Lower</div>
<div class="velin-position-relative velin-z-3">Higher</div>
<nav class="velin-position-sticky velin-z-sticky">Sticky nav</nav>

Lower

Higher