CSS: maskglobal ​

.--mask-overlay — alheims, tvöfalt afrit af yfirlagsbreytum mask íhlutans — --mask-overlay, --mask-fullscreen, --mask-blur — hægt að nota beint eða raðtengja við hvaða íhlut sem er, án þess að umlykja með .instui-mask staki.

Source: index.ts

Notkun ​

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

Dæmi ​

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

Breytingar ​

BreytiLýsing
.--mask-blurÓskýrtu það sem er fyrir aftan grímuna með backdrop-filter.
.--mask-fullscreenFast við viewport-ið, hylur það með háu z-index.
.--mask-overlayFullt grímuyfirlag (staðsetning, miðjun, bakgrunnur).

Notuð tákn ​

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