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 ​

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

Exemplos ​

html
<div class="--stack-topmost">Sempre no topo.</div>

Modificadores ​

ModificadorDescrição
.--stack-aboveAcima do fluxo padrão.
.--stack-belowAbaixo do fluxo padrão.
.--stack-deepestA profundidade de empilhamento mais baixa.
.--stack-topmostA profundidade de empilhamento mais alta (sobreposições, menus).

Tokens consumidos ​

TokenTipoValor
--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