CSS: maskglobal ​

.--mask-overlay — mask bileşeninin örtü değiştiricilerinin küresel, çift kopyası — --mask-overlay, --mask-fullscreen, --mask-blur — herhangi bir bileşene tek başına veya zincirlenmiş olarak uygulanabilir, .instui-mask öğesiyle sarmaya gerek yoktur.

Source: index.ts

Kullanım ​

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

Örnekler ​

html
<button class="instui-button --mask-overlay">…</button>

Değiştiriciler ​

DeğiştiriciAçıklama
.--mask-blurMaskenin arkasındakini backdrop-filter ile bulanıklaştırın.
.--mask-fullscreenGörünüm alanına sabitlenir, yüksek bir z-index ile onu örter.
.--mask-overlayTam maske örtüsü (konum, merkezleme, arka plan).

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