Z-index
Manage stacking context with token-based z-index utilities designed to prevent z-index wars.
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>