CSS: stacking

.--stack-topmost — z-index depth utilities — .--stack-<level> (deepest, below, above, topmost) — usable bare or chained onto any component, so layers stack predictably instead of by hand-tuned numbers.

Source: index.ts

Utilisation

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

Exemples

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

Modificateurs

Modificateur	Description
.--stack-above	Au-dessus du flux par défaut.
.--stack-below	Au-dessous du flux par défaut.
.--stack-deepest	La profondeur d'empilement la plus basse.
.--stack-topmost	La profondeur d'empilement la plus élevée (superpositions, menus).

Tokens consommés

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