mirror of
https://github.com/tenrok/vue-select.git
synced 2026-06-07 07:12:23 +03:00
Doug Kurucz
e931f23ce6
Co-authored-by: Doug Kurucz <doug.kurucz@twosixlabs.com> Co-authored-by: Jeff <sagalbot@gmail.com>
42 lines
859 B
SCSS
42 lines
859 B
SCSS
/* Selected Tags */
|
|
.vs__selected {
|
|
display: flex;
|
|
align-items: center;
|
|
background-color: $vs-selected-bg;
|
|
border: $vs-selected-border-width $vs-selected-border-style $vs-selected-border-color;
|
|
border-radius: $vs-border-radius;
|
|
color: map_get($vs-colors, 'dark');
|
|
line-height: $vs-component-line-height;
|
|
margin: 4px 2px 0px 2px;
|
|
padding: 0 0.25em;
|
|
z-index: 0;
|
|
}
|
|
|
|
.vs__deselect {
|
|
display: inline-flex;
|
|
appearance: none;
|
|
margin-left: 4px;
|
|
padding: 0;
|
|
border: 0;
|
|
cursor: pointer;
|
|
background: none;
|
|
fill: $vs-controls-color;
|
|
text-shadow: $vs-controls-deselect-text-shadow;
|
|
}
|
|
|
|
/* States */
|
|
|
|
.vs--single {
|
|
.vs__selected {
|
|
background-color: transparent;
|
|
border-color: transparent;
|
|
}
|
|
&.vs--open .vs__selected {
|
|
position: absolute;
|
|
opacity: .4;
|
|
}
|
|
&.vs--searching .vs__selected {
|
|
display: none;
|
|
}
|
|
}
|