maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
2 lines (1 loc) • 1.75 kB
CSS
.m-dialog[data-v-ff2beabc]{transform-origin:50%;touch-action:none;border-radius:var(--maz-radius);--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;min-width:100%;max-width:100%;color:hsl(var(--maz-foreground)/var(--maz-tw-text-opacity,1));flex-direction:column;display:flex}.m-dialog[data-v-ff2beabc]:is([class~=dark] *){border-width:var(--maz-border-width);--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1))}@media (min-width:640px){.m-dialog[data-v-ff2beabc]{max-width:var(--max-width);min-width:var(--min-width);margin-top:2rem;margin-bottom:2rem}}.m-dialog-header[data-v-ff2beabc]{justify-content:flex-end;align-items:baseline;padding:.5rem .5rem 1rem 1.5rem;display:flex}.m-dialog-header.--has-title[data-v-ff2beabc]{justify-content:space-between}.m-dialog-title[data-v-ff2beabc]{margin-top:0;margin-bottom:0;font-size:1.25rem;font-weight:600;line-height:1.75rem}.m-dialog-footer[data-v-ff2beabc]{justify-content:flex-end;align-items:center;padding:1rem 1.5rem;display:flex}.m-dialog-content[data-v-ff2beabc]{flex:1;padding-left:1.5rem;padding-right:1.5rem}.m-dialog-content-icon[data-v-ff2beabc]{flex:none}.m-dialog-content.--bottom-padding[data-v-ff2beabc]{padding-bottom:1rem}.m-dialog.--scrollable[data-v-ff2beabc]{max-height:95vh;margin-top:0;margin-bottom:0}.m-dialog.--scrollable .m-dialog-content[data-v-ff2beabc]{border-top-width:var(--maz-border-width);--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1));padding-top:1rem;padding-bottom:1rem;overflow:auto}.m-dialog.--scrollable .m-dialog-content[data-v-ff2beabc]:not(.--bottom-padding){border-bottom-width:var(--maz-border-width)}