CSS: maskglobal ​

.--mask-overlay — Yon kopi global, doub nan modifikatè overlay konpozan mask — --mask-overlay, --mask-fullscreen, --mask-blur — ki ka itilize sèl oswa chenn sou nenpòt konpozan, san yo pa anvlòp nan yon eleman .instui-mask.

Source: index.ts

Itilizasyon ​

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

Egzanp ​

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

Modifikatè ​

ModifikatèDeskripsyon
.--mask-blurFè sa ki dèyè mask la vin flou ak backdrop-filter.
.--mask-fullscreenFikse sou viewport la, kouvri li ak yon z-index ki wo.
.--mask-overlayKouvèti mask konplè a (pozisyon, santre, fon).

Tokens konsome ​

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