CSS: stacking

.--stack-topmost — z-index dybdeverktøy — .--stack-<level> (deepest, below, above, topmost) — kan brukes alene eller kjedes på hvilken som helst komponent, slik at lag stablet forutsigbart i stedet for med håndinnstilte tall.

Source: index.ts

Bruk

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

Eksempler

<div class="--stack-topmost">Always on top.</div>

Modifikatorer

Modifikator	Beskrivelse
.--stack-above	Over standardflyten.
.--stack-below	Under standardflyten.
.--stack-deepest	Den laveste stablingsdybden.
.--stack-topmost	Den høyeste stablingsdybden (overlegg, menyer).

Forbrukte tokens

Token	Type	Verdi
--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