CSS: mask

.instui-mask — Suatu overlay dalam aliran yang mengisi induk yang diposisikan dan memusatkan kandungannya — contohnya pemintal di atas kad. Untuk modal, gunakan <dialog> asli ( ::backdrop adalah topeng). Setiap pengubah ini juga tersedia secara global (tanpa, atau digabungkan pada mana-mana komponen lain) — lihat utiliti global mask.

Source: mask.css

Penggunaan

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

Contoh

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

Pemodifikasi

Pemodifikasi	Penerangan
.-blur	Kaburkan apa yang di belakang topeng menggunakan backdrop-filter.
.-fullscreen	Ditetapkan pada viewport, menutupinya pada z-index yang tinggi.

Token digunakan

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