CSS: maskglobal ​

.--mask-overlay — 全域的成對複製 mask 元件的 overlay 修飾子 — --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))