maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
2 lines (1 loc) • 1.82 kB
CSS
.m-drawer[data-v-7fe4cde1]{align-items:stretch}.m-drawer .m-drawer-content-wrap[data-v-7fe4cde1]{pointer-events:auto;--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background) / var(--maz-tw-bg-opacity,1));flex-direction:column;display:flex;overflow-y:auto}.m-drawer .m-drawer-content-wrap>.m-drawer-header[data-v-7fe4cde1]{z-index:1;border-bottom-width:var(--maz-border-width);--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border) / var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background) / var(--maz-tw-bg-opacity,1));padding-top:.75rem;padding-bottom:.75rem;background-clip:padding-box;flex-shrink:0;align-items:center;height:4rem;padding-inline:1rem .5rem;display:flex}.m-drawer .m-drawer-content-wrap>.m-drawer-header .m-drawer-header__title[data-v-7fe4cde1]{margin:0;font-size:1.25rem;font-weight:600;line-height:1.75rem}.m-drawer .m-drawer-content-wrap>.m-drawer-header .m-drawer-header__close[data-v-7fe4cde1]{justify-content:flex-end;display:flex}.m-drawer .m-drawer-content-wrap>.m-drawer-header.--justify-end[data-v-7fe4cde1]{justify-content:flex-end}.m-drawer .m-drawer-content-wrap>.m-drawer-header.--justify-between[data-v-7fe4cde1]{justify-content:space-between}.m-drawer .m-drawer-content-wrap>.m-drawer-body[data-v-7fe4cde1]{z-index:0;background-clip:padding-box;flex:1;min-height:0;overflow-x:auto}.m-drawer .--left.m-drawer-content-wrap[data-v-7fe4cde1],.m-drawer .--right.m-drawer-content-wrap[data-v-7fe4cde1]{width:100%;min-height:100vh}@media (min-width:640px){.m-drawer .--left.m-drawer-content-wrap[data-v-7fe4cde1],.m-drawer .--right.m-drawer-content-wrap[data-v-7fe4cde1]{width:var(--maz-drawer-size)}}.m-drawer .--top.m-drawer-content-wrap[data-v-7fe4cde1],.m-drawer .--bottom.m-drawer-content-wrap[data-v-7fe4cde1]{width:100%;height:auto}