CSS: mask ​

.instui-mask — innrennslis-yfirlag sem fyllir staðsett foreldri sitt og miðjar efnið sitt — t.d. snúningsmerki yfir spil. Fyrir modal, beri fremur að nota innbyggðan <dialog> (hans ::backdrop er gríma). Hver þessara stillinga er einnig aðgengileg globalt (óbreytt eða tengd öðrum íhlutum) — sjá mask global utility.

Source: mask.css

Notkun ​

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

Dæmi ​

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

Breytingar ​

BreytiLýsing
.-blurÓskýrtu það sem er fyrir aftan grímuna með backdrop-filter.
.-fullscreenFast við viewport-ið, hylur það með háu z-index.

Notuð tákn ​

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