CSS: stacking

.--stack-topmost — utilitários de profundidade z-index — .--stack-<level> (deepest, below, above, topmost) — utilizáveis isoladamente ou encadeados em qualquer componente, para que as camadas se empilhem de forma previsível em vez de números ajustados manualmente.

Source: index.ts

Uso

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

Exemplos

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

Modificadores

Modificador	Descrição
.--stack-above	Acima do fluxo padrão.
.--stack-below	Abaixo do fluxo padrão.
.--stack-deepest	A profundidade de empilhamento mais baixa.
.--stack-topmost	A profundidade de empilhamento mais alta (sobreposições, menus).

Tokens consumidos

Token	Tipo	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