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

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

Örnekler

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

Değiştiriciler

Değiştirici	Açıklama
.-blur	Maskenin arkasındakini backdrop-filter ile bulanıklaştırın.
.-fullscreen	Görünüm alanına sabitlenir, yüksek bir z-index ile onu örter.

Tüketilen tokenler

Token	Tür	Değer
--instui-component-mask-background-color	<color>	LightDarklight-dark(rgba(255,255,255,0.75), rgba(28,34,43,0.75))