CSS: mask ​

.instui-mask — Konumlandırılmış üst öğesini dolduran ve içeriğini ortalayan akış içi bir bindirme — örn. bir kartın üzerindeki dönen gösterge. Bir modal için yerel <dialog> tercih edin (onun ::backdrop maskedir). Bu modifikatörlerin her biri ayrıca küresel olarak da mevcuttur (yalın veya başka bir bileşene zincirlenmiş halde) — bkz. mask küresel yardımcı.

Source: mask.css

Kullanım ​

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

Örnekler ​

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

Değiştiriciler ​

DeğiştiriciAçıklama
.-blurMaskenin arkasındakini backdrop-filter ile bulanıklaştırın.
.-fullscreenGörünüm alanına sabitlenir, yüksek bir z-index ile onu örter.

Tüketilen tokenler ​

TokenTürDeğer
--instui-component-mask-background-color<color>LightDarklight-dark(rgba(255,255,255,0.75), rgba(28,34,43,0.75))