CSS: stacking

.--stack-topmost — utility di profondità z-index — .--stack-<level> (deepest, below, above, topmost) — utilizzabile da solo o concatenato a qualsiasi componente, così gli strati si impilano in modo prevedibile invece di usare numeri tarati a mano.

Source: index.ts

Uso

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

Esempi

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

Modificatori

Modificatore	Descrizione
.--stack-above	Sopra il flusso predefinito.
.--stack-below	Sotto il flusso predefinito.
.--stack-deepest	La profondità di impilamento più bassa.
.--stack-topmost	La profondità di impilamento più alta (overlay, menu).

Token consumati

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