CSS: stacking

.--stack-topmost — utilidades de profundidad z-index — .--stack-<level> (deepest, below, above, topmost) — utilizables solos o encadenados a cualquier componente, para que las capas se apilen de forma predecible en lugar de con números ajustados a mano.

Source: index.ts

Uso

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

Ejemplos

<div class="--stack-topmost">Siempre encima.</div>

Modificadores

Modificador	Descripción
.--stack-above	Por encima del flujo predeterminado.
.--stack-below	Por debajo del flujo predeterminado.
.--stack-deepest	La menor profundidad de apilamiento.
.--stack-topmost	La mayor profundidad de apilamiento (superposiciones, menús).

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