CSS: maskglobal

.--mask-overlay — Una còpia global i doble dels modificadors d'overlay del component mask — --mask-overlay, --mask-fullscreen, --mask-blur — que es poden usar sols o encadenats a qualsevol component, sense embolcallar-los en un element .instui-mask.

Source: index.ts

Ús

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

Exemples

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

Modificadors

Modificador	Descripció
.--mask-blur	Difumina el que hi ha darrere de la màscara amb un backdrop-filter.
.--mask-fullscreen	Fixat a la finestra d'visualització, cobrint-la amb un z-index alt.
.--mask-overlay	La superposició de màscara completa (posició, centrament, fons).

Tokens consumits

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