CSS: maskglobal ​

.--mask-overlay — Salinan ganda global bagi pengubah suai overlay komponen mask — --mask-overlay, --mask-fullscreen, --mask-blur — boleh digunakan terus atau dirangkaikan pada mana-mana komponen, tanpa membungkus dalam elemen .instui-mask.

Source: index.ts

Penggunaan ​

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

Contoh ​

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

Pemodifikasi ​

PemodifikasiPenerangan
.--mask-blurKaburkan apa yang di belakang topeng menggunakan backdrop-filter.
.--mask-fullscreenDitetapkan pada viewport, menutupinya pada z-index yang tinggi.
.--mask-overlayOverlay topeng penuh (kedudukan, penjajaran di tengah, latar belakang).

Token digunakan ​

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