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مثبت بالنسبة إلى نافذة العرض ويغطيها على 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))