CSS: mask

.instui-mask — Ein in-flow overlay som fyller den posisjonerte forelderen og sentrerer innhaldet sitt — t.d. ein spinner over eit kort. For ein modal, bruk heller ein innfødd <dialog> (dens ::backdrop er maska). Kvar av desse modifikatorane finst òg globalt (åleine, eller lenka til ein annan komponent) — sjå den globale hjelparen mask.

Source: mask.css

Bruk

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

Døme

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

Modifikatorar

Modifikator	Skildring
.-blur	Gjer det som er bak maska uskarpt med backdrop-filter.
.-fullscreen	Festa til viewporten, og dekker han ved høg z-index.

Token brukt

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