CSS: maskglobal ​

.--mask-overlay — глобальна, подвійна копія модифікаторів оверлею компонента mask — --mask-overlay, --mask-fullscreen, --mask-blur — придатна для використання самостійно або в ланцюжку з будь-яким компонентом, без обгортання в елемент .instui-mask.

Source: index.ts

Використання ​

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

Приклади ​

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

Модифікатори ​

МодифікаторОпис
.--mask-blurРозмити те, що позаду маски, за допомогою backdrop-filter.
.--mask-fullscreenЗафіксовано у вікні перегляду, покриває його з високим z-index.
.--mask-overlayПовний маскувальний оверлей (позиціонування, центрування, фон).

Використано токенів ​

TokenТипЗначення
--instui-component-mask-background-color<color>LightDarklight-dark(rgba(255,255,255,0.75), rgba(28,34,43,0.75))