maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
2 lines (1 loc) • 5.34 kB
CSS
.m-select[data-v-021953e9]{vertical-align:top;display:inline-flex;position:relative}.m-select.--disabled .m-select-input[data-v-021953e9]{cursor:not-allowed}.m-select-input[data-v-021953e9]{cursor:pointer;width:100%;height:100%}.m-select-input__toggle-button[data-v-021953e9]{background-color:#0000;justify-content:center;align-items:center;height:100%;padding-inline-start:0;display:flex}.m-select-input[data-v-021953e9] input{caret-color:#0000}.m-select.--mini[data-v-021953e9],.m-select.--xs[data-v-021953e9]{font-size:.75rem;line-height:1rem}.m-select.--sm[data-v-021953e9]{font-size:.875rem;line-height:1.25rem}.m-select.--md[data-v-021953e9]{font-size:1rem;line-height:1.5rem}.m-select.--lg[data-v-021953e9]{font-size:1.125rem;line-height:1.75rem}.m-select.--xl[data-v-021953e9]{font-size:1.25rem;line-height:1.75rem}.m-select[data-v-021953e9]:not(.--disabled) .m-input-input{cursor:pointer}.m-select-chevron[data-v-021953e9]{--maz-tw-text-opacity:1;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1));font-size:1.2em;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1)}.m-select.--is-open .m-select-chevron[data-v-021953e9]{transform:rotate(180deg)}.m-select button.maz-custom[data-v-021953e9]{cursor:pointer;appearance:none;border-style:none}.m-select button.maz-custom[data-v-021953e9]:disabled{cursor:not-allowed}.m-select-list[data-v-021953e9]{z-index:1050;border-radius:var(--maz-radius);--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1));--maz-tw-shadow-color:hsl(var(--maz-shadow)/1);--maz-tw-shadow:var(--maz-tw-shadow-colored);--maz-tw-drop-shadow:drop-shadow(0 4px 3px #00000012)drop-shadow(0 2px 2px #0000000f);filter:var(--maz-tw-blur)var(--maz-tw-brightness)var(--maz-tw-contrast)var(--maz-tw-grayscale)var(--maz-tw-hue-rotate)var(--maz-tw-invert)var(--maz-tw-saturate)var(--maz-tw-sepia)var(--maz-tw-drop-shadow);flex-direction:column;gap:.25rem;display:flex;overflow:hidden}.m-select-list-optgroup[data-v-021953e9]{text-align:start;--maz-tw-text-opacity:1;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1));flex:none;padding:.125rem;font-size:.875em}.m-select-list.--mini[data-v-021953e9],.m-select-list.--xs[data-v-021953e9]{font-size:.75rem;line-height:1rem}.m-select-list.--sm[data-v-021953e9]{font-size:.875rem;line-height:1.25rem}.m-select-list.--md[data-v-021953e9]{font-size:1rem;line-height:1.5rem}.m-select-list.--lg[data-v-021953e9]{font-size:1.125rem;line-height:1.75rem}.m-select-list.--xl[data-v-021953e9]{font-size:1.25rem;line-height:1.75rem}.m-select-list[data-v-021953e9]{min-width:3.5rem}.m-select-list__search-wrapper[data-v-021953e9]{padding-top:.5rem;padding-left:.5rem;padding-right:.5rem}.m-select-list__scroll-wrapper[data-v-021953e9]{flex-direction:column;flex:1;gap:.25rem;padding:.5rem;display:flex;overflow:auto}.m-select-list__scroll-wrapper[data-v-021953e9]::-webkit-scrollbar{width:.1875rem}.m-select-list__scroll-wrapper[data-v-021953e9]::-webkit-scrollbar-track{background:0 0}.m-select-list__scroll-wrapper[data-v-021953e9]::-webkit-scrollbar-thumb{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-600)/var(--maz-tw-bg-opacity,1))}.m-select-list__scroll-wrapper[data-v-021953e9]:is([class~=dark] *)::-webkit-scrollbar-thumb{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/var(--maz-tw-bg-opacity,1))}.m-select-list__scroll-wrapper[data-v-021953e9]::-webkit-scrollbar-thumb{border-radius:1000px}.m-select-list__scroll-wrapper[data-v-021953e9]{scrollbar-width:thin;scrollbar-color:hsl(var(--maz-background-600))transparent}.m-select-list__no-results[data-v-021953e9]{justify-content:center;align-items:center;padding:1rem;display:flex}.m-select-list-item[data-v-021953e9]{cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--maz-radius);border-width:var(--maz-border-width);text-align:start;outline-offset:2px;background-color:#0000;border-style:solid;border-color:#0000;outline:2px solid #0000;align-items:center;gap:.75rem;width:100%;padding:.5rem .75rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.m-select-list-item[data-v-021953e9]:focus-within,.m-select-list-item[data-v-021953e9]:hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-600)/var(--maz-tw-bg-opacity,1))}.m-select-list-item[data-v-021953e9]:focus-within:is([class~=dark] *),.m-select-list-item[data-v-021953e9]:hover:is([class~=dark] *){--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/var(--maz-tw-bg-opacity,1))}.m-select-list-item span[data-v-021953e9]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.m-select-list-item.--is-none-value[data-v-021953e9]{--maz-tw-text-opacity:1;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1))}.m-select-list-item.--is-selected[data-v-021953e9]{color:var(--selected-text-color);background-color:var(--selected-bg-color)}.m-select-list-item.--is-selected[data-v-021953e9]:focus{outline-color:var(--selected-text-color);outline-width:var(--maz-border-width)}.m-select-list-item.--is-selected.--transparent[data-v-021953e9]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1))}