CSS: maskglobal ​

.--mask-overlay — Una copia global y doble de los modificadores de superposición del componente mask — --mask-overlay, --mask-fullscreen, --mask-blur — usable sola o encadenada en cualquier componente, sin envolverla en un elemento .instui-mask.

Source: index.ts

Uso ​

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

Ejemplos ​

html
<button class="instui-button --mask-overlay">…</button>

Modificadores ​

ModificadorDescripción
.--mask-blurDesenfoca lo que está detrás de la máscara con un backdrop-filter.
.--mask-fullscreenFijo al viewport, cubriéndolo con un z-index alto.
.--mask-overlayLa superposición de máscara completa (posición, centrado, fondo).

Tokens consumidos ​

TokenTipoValor
--instui-component-mask-background-color<color>LightDarklight-dark(rgba(255,255,255,0.75), rgba(28,34,43,0.75))