CSS: stacking

.--stack-topmost — z-index dieptehulpmiddelen — .--stack-<level> (deepest, below, above, topmost) — bruikbaar los of gekoppeld aan elk component, zodat lagen voorspelbaar stapelen in plaats van met handmatig afgestemde nummers.

Source: index.ts

Gebruik

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

Voorbeelden

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

Modifiers

Modifier	Beschrijving
.--stack-above	Boven de standaardstroom.
.--stack-below	Onder de standaardstroom.
.--stack-deepest	De laagste stapeldiepte.
.--stack-topmost	De hoogste stapeldiepte (overlay's, menu's).

Gebruikte tokens

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