CSS: stacking ​

.--stack-topmost — z-index mélység segédosztályok — .--stack-<level> (deepest, below, above, topmost) — önmagukban vagy bármely komponensre láncolva használhatók, így a rétegek kiszámíthatóan rendeződnek kézi számok helyett.

Source: index.ts

Használat ​

css
@import "@pantoken/components/utilities.css";

Példák ​

html
<div class="--stack-topmost">Mindig előtérben.</div>

Módosítók ​

MódosítóLeírás
.--stack-aboveA alapértelmezett folyamat fölött.
.--stack-belowA alapértelmezett folyamat alatt.
.--stack-deepestA legalacsonyabb rétegmélység.
.--stack-topmostA legmagasabb rétegmélység (overlayek, menük).

Fogyasztott tokenek ​

TokenTí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