CSS: mask ​

.instui-mask — 一个随文流的覆盖层，会填满其已定位的父元素并将内容居中 — 例如覆盖在卡片上的加载指示器。对于模态框，优先使用原生 <dialog>（其 ::backdrop 是遮罩）。这些修饰符也都可在全局使用（独立使用或链式附加到任何其他组件）— 参见 mask 全局工具。

Source: mask.css

用法 ​

css
@import "@pantoken/components/components.css";
@import "@pantoken/components/mask.css";

示例 ​

html
<div style="position: relative">
  <div class="instui-mask">
    <span class="instui-spinner"></span>
  </div>
</div>

修饰符 ​

修饰符描述
.-blur使用 backdrop-filter 模糊遮罩背后的内容。
.-fullscreen固定在视口，覆盖其内容并置于较高的 z-index。

消耗代币 ​

Token类型值
--instui-component-mask-background-color<color>LightDarklight-dark(rgba(255,255,255,0.75), rgba(28,34,43,0.75))