CSS: maskglobal

.--mask-overlay — Une copie double globale des modificateurs de superposition du composant mask — --mask-overlay, --mask-fullscreen, --mask-blur — utilisable seule ou chaînée à n'importe quel composant, sans envelopper dans un élément .instui-mask.

Source: index.ts

Utilisation

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

Exemples

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

Modificateurs

Modificateur	Description
.--mask-blur	Floutez ce qui se trouve derrière le masque à l'aide d'un backdrop-filter.
.--mask-fullscreen	Fixé à la fenêtre d'affichage, la recouvrant avec un z-index élevé.
.--mask-overlay	La superposition de masque complète (position, centrage, arrière-plan).

Tokens consommés

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