CSS: stacking
.--stack-topmost — z-index mélységi segédosztályok — .--stack-<level> (deepest, below, above, topmost) — használható önállóan vagy bármely komponenshez láncolva, így a rétegek kiszámíthatóan épülnek egymásra a kézzel beállított számok helyett.
Forrás: index.ts
Használat
css
@import "@pantoken/components/utilities.css";Példák
html
<div class="--stack-topmost">Always on top.</div>Módosítók
| Módosító | Leírás |
|---|---|
.--stack-above | Az alapértelmezett folyamat felett. |
.--stack-below | Az alapértelmezett folyamat alatt. |
.--stack-deepest | A legalacsonyabb halmozási mélység. |
.--stack-topmost | A legmagasabb halmozási mélység (átfedések, menük). |
Felhasznált tokenek
| Token | Típus | Érték |
|---|---|---|
--instui-component-view-stacking-above | <integer> | 1 |
--instui-component-view-stacking-below | <integer> | -1 |
--instui-component-view-stacking-deepest | <integer> | -9999 |
--instui-component-view-stacking-topmost | <integer> | 9999 |