CSS: maskglobal ​

.--mask-overlay — globalna, podwójna kopia modyfikatorów nakładki komponentu mask — --mask-overlay, --mask-fullscreen, --mask-blur — używalna samodzielnie lub łączona z dowolnym komponentem, bez opakowywania w element .instui-mask.

Source: index.ts

Użycie ​

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

Przykłady ​

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

Modyfikatory ​

ModyfikatorOpis
.--mask-blurRozmyj to, co znajduje się za maską, przy użyciu backdrop-filter.
.--mask-fullscreenPrzypięty do viewportu, pokrywa go przy wysokim z-indexie.
.--mask-overlayPełna nakładka maski (pozycja, wyśrodkowanie, tło).

Zużyte tokeny ​

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