CSS: stacking

.--stack-topmost — Hilfsfunktionen für z-index-Tiefen — .--stack-<level> (deepest, below, above, topmost) — kann einzeln oder an jede Komponente gekettet werden, sodass Ebenen vorhersehbar gestapelt werden statt durch manuell abgestimmte Zahlen.

Source: index.ts

Verwendung

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

Beispiele

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

Modifikatoren

Modifikator	Beschreibung
.--stack-above	Über dem Standardfluss.
.--stack-below	Unter dem Standardfluss.
.--stack-deepest	Die niedrigste Stapeltiefe.
.--stack-topmost	Die höchste Stapeltiefe (Overlays, Menüs).

Verbrauchte Tokens

Token	Typ	Wert
--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