tu-view-plus
Version:
29 lines (25 loc) • 674 B
CSS
.tu-select-view:hover .tu-select-view__icon--clear {
display: block;
}
.tu-select-view:hover .tu-select-view__icon--clear:hover {
color: var(--tu-color-text, #71757f);
}
.tu-select-view:hover .tu-select-view__icon ~ * {
display: none;
}
.tu-select-view--single {
cursor: pointer;
}
.tu-select-view__icon {
position: relative;
color: var(--tu-color-text-placeholder, #9b9fa8);
transition: transform var(--tu-transition-duration-2, 0.2s);
}
.tu-select-view__icon--clear {
display: none;
cursor: pointer;
transition: color var(--tu-transition-duration-3, 0.3s);
}
.tu-select-view.is-opened .tu-select-view__icon--arrow {
transform: rotateZ(-180deg);
}