vuestic-ui
Version:
Vue 3 UI Framework
27 lines • 737 B
CSS
:root,
:host {
--va-dropdown-line-height: 1;
--va-dropdown-content-wrapper-z-index: var(--va-z-index-teleport-overlay, 9);
--va-dropdown-display: inline-flex;
}
.va-dropdown.va-headless-wrapper {
/* Solved the alignment problem (if we try to align inline and block elements) */
line-height: var(--va-dropdown-line-height);
display: var(--va-dropdown-display);
max-width: 100%;
vertical-align: middle;
}
.va-dropdown--disabled {
cursor: default;
opacity: 0.4;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.va-dropdown__content-wrapper {
z-index: var(--va-dropdown-content-wrapper-z-index);
font-family: var(--va-font-family);
top: 0;
left: 0;
position: absolute;
}