CSS: mask ​

.instui-mask — Yon kouch an-flux ki ranpli paran li pozisyone epi santre kontni li — egzanp yon spinner sou yon kat. Pou yon modal, prefere yon <dialog> natirèl (li ::backdrop se mask la). Chak youn nan modifikatè sa yo disponib tou globalman (poukont li, oswa chèn sou nenpòt lòt konpozan) — gade utilitè global mask.

Source: mask.css

Itilizasyon ​

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

Egzanp ​

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

Modifikatè ​

ModifikatèDeskripsyon
.-blurFè sa ki dèyè mask la vin flou ak backdrop-filter.
.-fullscreenFikse sou viewport la, kouvri li ak yon z-index ki wo.

Tokens konsome ​

TokenTipValè
--instui-component-mask-background-color<color>LightDarklight-dark(rgba(255,255,255,0.75), rgba(28,34,43,0.75))