maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
2 lines (1 loc) • 2.44 kB
CSS
.m-date-picker-container[data-v-c7326cea]{border-radius:var(--maz-radius);--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1));overflow:hidden}.m-date-picker-container[data-v-c7326cea]:is([class~=dark] *),.m-date-picker-container.--is-inline[data-v-c7326cea]{border-width:var(--maz-border-width);--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1))}.m-date-picker-container.--is-inline[data-v-c7326cea]:is([class~=dark] *){--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1))}.m-date-picker-container.--has-double[data-v-c7326cea]{min-width:28.125rem}.m-date-picker-container__wrapper[data-v-c7326cea]{display:flex}.m-date-picker-container[data-v-c7326cea] button:disabled{border-style:none;--maz-tw-text-opacity:1;color:rgb(209 213 219/var(--maz-tw-text-opacity,1));background-color:#0000}.m-date-picker-container[data-v-c7326cea] button:disabled:hover{background-color:#0000}.m-date-picker-container[data-v-c7326cea] button:disabled:is([class~=dark] *){--maz-tw-text-opacity:1;color:rgb(55 65 81/var(--maz-tw-text-opacity,1))}.m-date-picker-container:not(.--has-date) .m-date-picker-container__time[data-v-c7326cea]{width:100%}.m-date-picker-container:not(.--has-date) .m-date-picker-container__time[data-v-c7326cea] .m-date-picker-time__column__hour,.m-date-picker-container:not(.--has-date) .m-date-picker-container__time[data-v-c7326cea] .m-date-picker-time__column__minute{width:50%}.m-date-picker[data-v-4db484df]{display:inline-block;position:relative}.m-date-picker__input[data-v-4db484df]{width:100%;height:100%}.m-date-picker .m-date-picker__button[data-v-4db484df]{cursor:not-allowed;background-color:#0000;justify-content:center;align-items:center;height:100%;padding-inline-end:.25rem;display:flex}.m-date-picker .m-date-picker__button__chevron[data-v-4db484df]{--maz-tw-text-opacity:1;color:hsl(var(--maz-foreground)/var(--maz-tw-text-opacity,1));transition-property:transform;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-date-picker.--is-open .m-date-picker__button__chevron[data-v-4db484df]{transform:rotate(180deg)}.m-date-picker:not(.--is-disabled) .m-date-picker__button[data-v-4db484df]{cursor:pointer}.m-date-picker:not(.--is-disabled) .m-date-picker__input[data-v-4db484df] input{cursor:pointer}