CSS: maskglobal ​

.--mask-overlay — mask कंपोनेंट के ओवरले मॉडिफायर्स की एक वैश्विक, द्विगुणित प्रति — --mask-overlay, --mask-fullscreen, --mask-blur — बिना .instui-mask तत्व में रैप किए हुए, किसी भी कंपोनेंट पर सीधे या चेन करके उपयोग करने योग्य।

Source: index.ts

उपयोग ​

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

उदाहरण ​

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

मॉडिफायर ​

मॉडिफायरविवरण
.--mask-blurbackdrop-filter के साथ मास्क के पीछे जो है उसे धुंधला करें।
.--mask-fullscreenव्यूपोर्ट के साथ फ़िक्स्ड, उच्च z-index पर इसे कवर करता है।
.--mask-overlayपूर्ण मास्क ओवरले (स्थिति, केंद्रण, पृष्ठभूमि)।

उपयोग किये गए टोकन ​

Tokenप्रकारमान
--instui-component-mask-background-color<color>LightDarklight-dark(rgba(255,255,255,0.75), rgba(28,34,43,0.75))