wp-cli-gui/less/vendor/vue-select/modules/open-indicator.less
2021-07-11 02:46:52 +02:00

29 lines
708 B
Text

// Open Indicator
// The open indicator appears as a down facing
// caret on the right side of the select.
@transition-timing-function: cubic-bezier(1.000, -0.115, 0.975, 0.855);
@transition-duration: 150ms;
@open-indicator-color: @vs-controls-color;
@open-indicator-size: @vs-controls-size;
.vs__open-indicator {
fill: @open-indicator-color;
transform: scale(@open-indicator-size);
transition: transform @transition-duration @transition-timing-function;
transition-timing-function: @transition-timing-function;
}
// Open State
.vs--open .vs__open-indicator {
transform: rotate(180deg) scale(@open-indicator-size);
}
// Loading State
.vs--loading .vs__open-indicator {
opacity: 0;
}