CSS: stacking

.--stack-topmost — z-index djupverktyg — .--stack-<level> (deepest, below, above, topmost) — kan användas fristående eller kedjas till vilken komponent som helst, så lager staplas förutsägbart istället för med handjusterade värden.

Source: index.ts

Användning

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

Exempel

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

Modifierare

Modifierare	Beskrivning
.--stack-above	Ovanför standardflödet.
.--stack-below	Under standardflödet.
.--stack-deepest	Det lägsta staplingsdjupet.
.--stack-topmost	Det högsta staplingsdjupet (överlägg, menyer).

Förbrukade tokens

Token	Typ	Värde
--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