CSS: stacking

.--stack-topmost — utilitats de profunditat z-index — .--stack-<level> (deepest, below, above, topmost) — es pot usar sol o encadenat a qualsevol component, perquè les capes s'apilin de manera previsible en lloc d'utilitzar números ajustats manualment.

Source: index.ts

Ús

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

Exemples

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

Modificadors

Modificador	Descripció
.--stack-above	Per sobre del flux per defecte.
.--stack-below	Per sota del flux per defecte.
.--stack-deepest	La profunditat d'apilat més baixa.
.--stack-topmost	La profunditat d'apilat més alta (superposicions, menús).

Tokens consumits

Token	Tipus	Valor
--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