CSS: stacking

.--stack-topmost — z-index dybde-værktøjer — .--stack-<level> (deepest, below, above, topmost) — kan bruges alene eller kædes på enhver komponent, så lag stabler forudsigeligt i stedet for med håndindstillede tal.

Source: index.ts

Brug

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

Eksempler

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

Modifikatorer

Modifikator	Beskrivelse
.--stack-above	Over standardflowet.
.--stack-below	Under standardflowet.
.--stack-deepest	Den laveste stakdybde.
.--stack-topmost	Den højeste stakdybde (overlejringer, menuer).

Forbrugte tokens

Token	Type	Værdi
--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