CSS: mask

.instui-mask — Vloženi prekrivni sloj v toku, ki zapolni svoj pozicionirani nadrejeni element in centrirа njegovo vsebino — npr. vrtavka nad kartico. Pri modalnem oknu raje uporabite nativni <dialog> (njegova ::backdrop je maska). Vsak izmed teh modifikatorjev je na voljo tudi globalno (samostojno ali veriženo na katero koli drugo komponento) — glej globalno orodje mask.

Source: mask.css

Uporaba

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

Primeri

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

Spremenljivke (modifikatorji)

Modifikator	Opis
.-blur	Zameglite ozadje za masko z backdrop-filter.
.-fullscreen	Pripeto na viewport in ga pokriva z visokim z-indexom.

Porabljeni žetoni

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