maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
2 lines (1 loc) • 1.11 kB
CSS
.m-bottom-sheet__container[data-v-e9ab4fa6]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;width:100%;color:hsl(var(--maz-foreground)/var(--maz-tw-text-opacity,1));--maz-tw-shadow-color:hsl(var(--maz-shadow)/1);--maz-tw-shadow:var(--maz-tw-shadow-colored);--maz-tw-drop-shadow:drop-shadow(0 4px 3px #00000012)drop-shadow(0 2px 2px #0000000f);filter:var(--maz-tw-blur)var(--maz-tw-brightness)var(--maz-tw-contrast)var(--maz-tw-grayscale)var(--maz-tw-hue-rotate)var(--maz-tw-invert)var(--maz-tw-saturate)var(--maz-tw-sepia)var(--maz-tw-drop-shadow);border-top-left-radius:1rem;border-top-right-radius:1rem;padding-left:3rem;padding-right:3rem;position:relative}.m-bottom-sheet__container.--padding[data-v-e9ab4fa6]{padding-top:1.5rem;padding-bottom:1.5rem}.m-bottom-sheet__container[data-v-e9ab4fa6]{box-shadow:0 -5px 20px #0003}.m-bottom-sheet__content-wrapper[data-v-e9ab4fa6]{flex-direction:column;justify-content:center;align-items:center;display:flex}.m-bottom-sheet__close[data-v-e9ab4fa6]{top:.5rem;right:.5rem;position:absolute}