CSS: maskglobal

.--mask-overlay — Salinan ganda global dari modifier overlay komponen mask — --mask-overlay, --mask-fullscreen, --mask-blur — dapat digunakan langsung atau dirangkai ke komponen mana pun, tanpa membungkus dalam elemen .instui-mask.

Source: index.ts

Penggunaan

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

Contoh

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

Modifikator

Modifikator	Deskripsi
.--mask-blur	Buramkan apa yang ada di belakang mask dengan backdrop-filter.
.--mask-fullscreen	Tetap diposisikan pada viewport, menutupi dengan z-index tinggi.
.--mask-overlay	Overlay masker penuh (posisi, pemusatan, latar belakang).

Token yang digunakan

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