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))