@opentiny/vue-theme/autocomplete/index.css

An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.

.tiny-autocomplete{position:relative;display:inline-block;width:100%}.tiny-autocomplete.show-auto-width{width:100%}.tiny-autocomplete-suggestion{--tv-Autocomplete-line-height:var(--tv-line-height-number, 1.5);--tv-Autocomplete-font-size:var(--tv-font-size-default, 14px);--tv-Autocomplete-text-color:var(--tv-color-text, #191919);--tv-Autocomplete-text-color-selected:var(--tv-color-text-active, #1476ff);--tv-Autocomplete-icon-size:var(--tv-icon-size, 16px);--tv-Autocomplete-panel-margin-y:var(--tv-space-sm, 4px);--tv-Autocomplete-panel-border-radius:var(--tv-border-radius-md, 6px);--tv-Autocomplete-panel-bg-color:var(--tv-color-bg-2, #fff);--tv-Autocomplete-panel-box-shadow:var(--tv-shadow-3-down, 0 4px 16px 0 rgba(0, 0, 0, 0.08));--tv-Autocomplete-li-padding:5.5px var(--tv-space-xl, 16px);--tv-Autocomplete-li-bg-color-hover:var(--tv-color-bg-hover, #f5f5f5);--tv-Autocomplete-loading-icon-color:var(--tv-color-icon-control, #191919);border-radius:var(--tv-Autocomplete-panel-border-radius);background-color:var(--tv-Autocomplete-panel-bg-color);-webkit-box-shadow:var(--tv-Autocomplete-panel-box-shadow);box-shadow:var(--tv-Autocomplete-panel-box-shadow);margin:var(--tv-Autocomplete-panel-margin-y) 0;line-height:var(--tv-Autocomplete-line-height);color:var(--tv-Autocomplete-text-color);font-size:var(--tv-Autocomplete-font-size)}.tiny-autocomplete-suggestion__wrap{max-height:280px}.tiny-autocomplete-suggestion__wrap .tiny-scrollbar__view{margin:0;padding:8px 0}.tiny-autocomplete-suggestion__list-item[role=loading],.tiny-autocomplete-suggestion__list-item[role=option]{padding:var(--tv-Autocomplete-li-padding)}.tiny-autocomplete-suggestion__list-item{list-style:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.tiny-autocomplete-suggestion__list-item.highlighted,.tiny-autocomplete-suggestion__list-item:hover{background-color:var(--tv-Autocomplete-li-bg-color-hover)}.tiny-autocomplete-suggestion__list-item.selected{color:var(--tv-Autocomplete-text-color-selected)}.tiny-autocomplete-suggestion.is-loading .tiny-autocomplete-suggestion__list-loading .tiny-svg{font-size:var(--tv-Autocomplete-icon-size);fill:var(--tv-Autocomplete-loading-icon-color)}