maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
2 lines (1 loc) • 6.88 kB
CSS
html.--backdrop-present{overflow-y:hidden;height:100vh}html.--backdrop-present.--has-scrollbar{padding-right:var(--scrollbar-width)}.m-backdrop[data-v-0e128b75]{z-index:1050;background-color:hsl(var(--maz-overlay) / .25);--maz-tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--maz-tw-backdrop-blur) var(--maz-tw-backdrop-brightness) var(--maz-tw-backdrop-contrast) var(--maz-tw-backdrop-grayscale) var(--maz-tw-backdrop-hue-rotate) var(--maz-tw-backdrop-invert) var(--maz-tw-backdrop-opacity) var(--maz-tw-backdrop-saturate) var(--maz-tw-backdrop-sepia);backdrop-filter:var(--maz-tw-backdrop-blur) var(--maz-tw-backdrop-brightness) var(--maz-tw-backdrop-contrast) var(--maz-tw-backdrop-grayscale) var(--maz-tw-backdrop-hue-rotate) var(--maz-tw-backdrop-invert) var(--maz-tw-backdrop-opacity) var(--maz-tw-backdrop-saturate) var(--maz-tw-backdrop-sepia);transition-behavior:allow-discrete;position:fixed;inset:0}.m-backdrop.--persistent .m-backdrop-content[data-v-0e128b75]{cursor:default}.m-backdrop-container[data-v-0e128b75]{z-index:1050;position:fixed;inset:0}.m-backdrop-wrapper[data-v-0e128b75]{position:fixed;inset:0;overflow-y:auto}.m-backdrop-content[data-v-0e128b75]{align-items:flex-end;min-height:100%;display:flex}@media (min-width:640px){.m-backdrop-content[data-v-0e128b75]{align-items:center;padding:0}}.m-backdrop-content.--padding[data-v-0e128b75]{padding:1rem}.m-backdrop-content.--justify-center[data-v-0e128b75]{justify-content:center}.m-backdrop-content.--justify-end[data-v-0e128b75]{justify-content:flex-end}.m-backdrop-content.--justify-start[data-v-0e128b75]{justify-content:flex-start}.m-backdrop-content.--justify-space-between[data-v-0e128b75]{justify-content:space-between}.m-backdrop-content.--justify-space-around[data-v-0e128b75]{justify-content:space-around}.m-backdrop-content.--align-center[data-v-0e128b75]{align-items:center}.m-backdrop-content.--align-end[data-v-0e128b75]{align-items:flex-end}.m-backdrop-content.--align-start[data-v-0e128b75]{align-items:flex-start}.m-backdrop-content[data-v-0e128b75]>*{cursor:default}.m-backdrop.--variant-bottom-sheet .m-backdrop-content[data-v-0e128b75],.m-backdrop.--variant-drawer .m-backdrop-content[data-v-0e128b75]{position:fixed;inset:0}.m-backdrop.bottom-sheet-anim-enter-active[data-v-0e128b75],.m-backdrop.bottom-sheet-anim-leave-active[data-v-0e128b75]{transition-behavior:allow-discrete;transition:opacity .25s ease-in-out}.m-backdrop.bottom-sheet-anim-enter-active .m-backdrop-content[data-v-0e128b75]>*,.m-backdrop.bottom-sheet-anim-leave-active .m-backdrop-content[data-v-0e128b75]>*{transition-behavior:allow-discrete;transition:transform .25s ease-in-out}.m-backdrop.bottom-sheet-anim-enter-from[data-v-0e128b75],.m-backdrop.bottom-sheet-anim-leave-to[data-v-0e128b75]{opacity:0}.m-backdrop.bottom-sheet-anim-enter-from .m-backdrop-content[data-v-0e128b75]>*,.m-backdrop.bottom-sheet-anim-leave-to .m-backdrop-content[data-v-0e128b75]>*{transform:translateY(100%)}.m-backdrop.modal-anim-enter-active[data-v-0e128b75],.m-backdrop.modal-anim-leave-active[data-v-0e128b75]{transition-behavior:allow-discrete;transition:opacity .25s ease-in-out}.m-backdrop.modal-anim-enter-active .m-backdrop-content[data-v-0e128b75]>*,.m-backdrop.modal-anim-leave-active .m-backdrop-content[data-v-0e128b75]>*{transition-behavior:allow-discrete;transition:transform .25s ease-in-out}.m-backdrop.modal-anim-enter-from[data-v-0e128b75],.m-backdrop.modal-anim-leave-to[data-v-0e128b75]{opacity:0}.m-backdrop.modal-anim-enter-from .m-backdrop-content[data-v-0e128b75]>*,.m-backdrop.modal-anim-leave-to .m-backdrop-content[data-v-0e128b75]>*{transform:scale(.5)}.m-backdrop.drawer-anim-top-enter-active[data-v-0e128b75],.m-backdrop.drawer-anim-top-leave-active[data-v-0e128b75]{transition-behavior:allow-discrete;transition:opacity .25s ease-in-out}.m-backdrop.drawer-anim-top-enter-active .m-backdrop-content[data-v-0e128b75]>*,.m-backdrop.drawer-anim-top-leave-active .m-backdrop-content[data-v-0e128b75]>*{transition-behavior:allow-discrete;transition:transform .25s ease-in-out}.m-backdrop.drawer-anim-top-enter-from[data-v-0e128b75],.m-backdrop.drawer-anim-top-leave-to[data-v-0e128b75]{opacity:0}.m-backdrop.drawer-anim-top-enter-from .m-backdrop-content[data-v-0e128b75]>*,.m-backdrop.drawer-anim-top-leave-to .m-backdrop-content[data-v-0e128b75]>*{transform:translateY(-100%)}.m-backdrop.drawer-anim-bottom-enter-active[data-v-0e128b75],.m-backdrop.drawer-anim-bottom-leave-active[data-v-0e128b75]{transition-behavior:allow-discrete;transition:opacity .25s ease-in-out}.m-backdrop.drawer-anim-bottom-enter-active .m-backdrop-content[data-v-0e128b75]>*,.m-backdrop.drawer-anim-bottom-leave-active .m-backdrop-content[data-v-0e128b75]>*{transition-behavior:allow-discrete;transition:transform .25s ease-in-out}.m-backdrop.drawer-anim-bottom-enter-from[data-v-0e128b75],.m-backdrop.drawer-anim-bottom-leave-to[data-v-0e128b75]{opacity:0}.m-backdrop.drawer-anim-bottom-enter-from .m-backdrop-content[data-v-0e128b75]>*,.m-backdrop.drawer-anim-bottom-leave-to .m-backdrop-content[data-v-0e128b75]>*{transform:translateY(100%)}.m-backdrop.drawer-anim-left-enter-active[data-v-0e128b75],.m-backdrop.drawer-anim-left-leave-active[data-v-0e128b75]{transition-behavior:allow-discrete;transition:opacity .25s ease-in-out}.m-backdrop.drawer-anim-left-enter-active .m-backdrop-content[data-v-0e128b75]>*,.m-backdrop.drawer-anim-left-leave-active .m-backdrop-content[data-v-0e128b75]>*{transition-behavior:allow-discrete;transition:transform .25s ease-in-out}.m-backdrop.drawer-anim-left-enter-from[data-v-0e128b75],.m-backdrop.drawer-anim-left-leave-to[data-v-0e128b75]{opacity:0}.m-backdrop.drawer-anim-left-enter-from .m-backdrop-content[data-v-0e128b75]>*,.m-backdrop.drawer-anim-left-leave-to .m-backdrop-content[data-v-0e128b75]>*{transform:translate(-100%)}.m-backdrop.drawer-anim-right-enter-active[data-v-0e128b75],.m-backdrop.drawer-anim-right-leave-active[data-v-0e128b75]{transition-behavior:allow-discrete;transition:opacity .25s ease-in-out}.m-backdrop.drawer-anim-right-enter-active .m-backdrop-content[data-v-0e128b75]>*,.m-backdrop.drawer-anim-right-leave-active .m-backdrop-content[data-v-0e128b75]>*{transition-behavior:allow-discrete;transition:transform .25s ease-in-out}.m-backdrop.drawer-anim-right-enter-from[data-v-0e128b75],.m-backdrop.drawer-anim-right-leave-to[data-v-0e128b75]{opacity:0}.m-backdrop.drawer-anim-right-enter-from .m-backdrop-content[data-v-0e128b75]>*,.m-backdrop.drawer-anim-right-leave-to .m-backdrop-content[data-v-0e128b75]>*{transform:translate(100%)}.m-backdrop.backdrop-anim-enter-active[data-v-0e128b75],.m-backdrop.backdrop-anim-leave-active[data-v-0e128b75]{transition-behavior:allow-discrete;transition:opacity .25s ease-in-out}.m-backdrop.backdrop-anim-enter-from[data-v-0e128b75],.m-backdrop.backdrop-anim-leave-to[data-v-0e128b75]{opacity:0}