maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
2 lines (1 loc) • 3.5 kB
CSS
.maz-picker-calendar-grid[data-v-f69e1470]{transition:all .3s ease-in-out;position:relative}.maz-picker-calendar-grid__container[data-v-f69e1470]{grid-template-columns:repeat(7,minmax(0,1fr));align-items:flex-start;row-gap:.25rem;display:grid;position:relative}.maz-picker-calendar-grid__container[data-v-f69e1470]:not(.--is-range){-moz-column-gap:.25rem;column-gap:.25rem}.maz-picker-calendar-grid__container.--is-range button[data-v-f69e1470]{width:100%}.maz-picker-calendar-grid__container button[data-v-f69e1470]{cursor:pointer;border-radius:9999px;width:2rem;height:2rem}.maz-picker-calendar-grid__container button[data-v-f69e1470]:hover:not(.--is-selected,.--is-between,.--is-between-hoverred){background-color:var(--v56c06bd6)}.maz-picker-calendar-grid__container button.--is-first[data-v-f69e1470]{border-top-right-radius:0;border-bottom-right-radius:0}.maz-picker-calendar-grid__container button.--is-last-hoverred[data-v-f69e1470],.maz-picker-calendar-grid__container button.--is-last[data-v-f69e1470]{border-top-left-radius:0;border-bottom-left-radius:0}.maz-picker-calendar-grid__container button.--is-between-hoverred[data-v-f69e1470]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-600) / var(--maz-tw-bg-opacity,1));border-radius:0}.maz-picker-calendar-grid__container button.--is-between-hoverred[data-v-f69e1470]:is([class~=dark] *){--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400) / var(--maz-tw-bg-opacity,1))}.maz-picker-calendar-grid__container button.--is-between[data-v-f69e1470]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-600) / var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-foreground) / var(--maz-tw-text-opacity,1));border-radius:0}.maz-picker-calendar-grid__container button.--is-between[data-v-f69e1470]:is([class~=dark] *){--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400) / var(--maz-tw-bg-opacity,1))}.maz-picker-calendar-grid__container button.--is-between[data-v-f69e1470]:hover{color:var(--v50f9c030)}.maz-picker-calendar-grid__container button.--is-between.--transparent[data-v-f69e1470]{--maz-tw-bg-opacity:1;background-color:rgb(156 163 175/var(--maz-tw-bg-opacity,1))}.maz-picker-calendar-grid__container button span[data-v-f69e1470]{font-size:.875rem;line-height:1.25rem}.maz-picker-calendar-grid__container button[data-v-f69e1470]:disabled{cursor:not-allowed;border-color:#0000}.maz-picker-calendar-grid__container button:disabled.--is-selected[data-v-f69e1470]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-600) / var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-muted) / var(--maz-tw-text-opacity,1))}.maz-picker-calendar-grid__container button:disabled.--is-selected[data-v-f69e1470]:is([class~=dark] *){--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400) / var(--maz-tw-bg-opacity,1))}.maz-slidenext-leave-active[data-v-f69e1470],.maz-slidenext-enter-active[data-v-f69e1470],.maz-slideprev-leave-active[data-v-f69e1470],.maz-slideprev-enter-active[data-v-f69e1470]{left:0;inset-inline-end:0;transition:transform .3s ease-in-out;position:absolute;top:0}.maz-slideprev-leave-to[data-v-f69e1470],.maz-slidenext-enter-from[data-v-f69e1470]{transform:translate(100%)}.maz-slidenext-leave-to[data-v-f69e1470],.maz-slideprev-enter-from[data-v-f69e1470]{transform:translate(-100%)}