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