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