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-blurبا backdrop-filter آنچه پشت ماسک قرار دارد را مات کنید.
.--mask-fullscreenبه viewport ثابت شده و آن را با 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))