vuetify
Version:
Vue Material Component Framework
44 lines (43 loc) • 1.37 kB
CSS
.v-chip-group {
display: flex;
max-width: 100%;
min-width: 0;
overflow-x: auto;
padding: 4px 0;
}
.v-chip-group .v-chip {
margin: 4px 8px 4px 0;
}
@media (forced-colors: active) {
.v-chip-group .v-chip {
background-color: buttonface ;
color: buttontext ;
}
.v-chip-group .v-chip:hover {
color: highlight ;
}
}
.v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
opacity: var(--v-activated-opacity);
}
@media (forced-colors: active) {
.v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) {
color: highlight ;
forced-color-adjust: preserve-parent-color;
}
.v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled):focus-visible {
outline-offset: 2px;
}
.v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled).v-chip--variant-elevated, .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled).v-chip--variant-flat {
background-color: highlight ;
color: highlighttext ;
}
.v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled).v-chip--variant-outlined, .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled).v-chip--variant-tonal {
border-width: medium;
}
}
.v-chip-group--column .v-slide-group__content {
white-space: normal;
flex-wrap: wrap;
max-width: 100%;
}