maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
2 lines (1 loc) • 1.25 kB
CSS
.m-date-picker-time[data-v-084a475e]{max-height:18.75rem;display:flex;position:relative}.m-date-picker-time[data-v-084a475e]:not(.--has-date){max-height:10rem}.m-date-picker-time.--has-date[data-v-084a475e]{border-inline-start-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-time[data-v-084a475e]:before{content:"";border-bottom-width:var(--maz-border-width);border-top-width:var(--maz-border-width);--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1));height:2.25rem;margin-left:auto;margin-right:auto;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.m-date-picker-time__column[data-v-084a475e]{flex-direction:column;padding-left:.25rem;padding-right:.25rem;display:flex;overflow-y:auto}.m-date-picker-time__column[data-v-084a475e]::-webkit-scrollbar{display:none}.m-date-picker-time__column[data-v-084a475e]{scrollbar-width:none;-ms-overflow-style:none}.m-date-picker-time__column__items[data-v-084a475e]{flex-direction:column;display:flex}.m-date-picker-time__column__items>button[data-v-084a475e]{z-index:2;flex:none}.m-date-picker-time__column__spacer[data-v-084a475e]{flex:none;width:100%}