45 lines
1.9 KiB
CSS
45 lines
1.9 KiB
CSS
@layer vuetify-components {
|
|
.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
|
|
opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
|
|
opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
|
|
opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
@supports not selector(:focus-visible) {
|
|
.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
|
|
opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
}
|
|
.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled).v-btn--variant-plain {
|
|
opacity: 1;
|
|
}
|
|
.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled).v-btn--variant-elevated > .v-btn__overlay, .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled).v-btn--variant-flat > .v-btn__overlay {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@layer vuetify-final.trumps {
|
|
@media (forced-colors: active) {
|
|
.v-btn-toggle > .v-btn:not(.v-btn--disabled) {
|
|
border-color: buttontext;
|
|
}
|
|
.v-btn-toggle > .v-btn:not(.v-btn--disabled):focus-visible {
|
|
outline: 0;
|
|
}
|
|
.v-btn-toggle > .v-btn:not(.v-btn--disabled):not(.v-btn--active):hover, .v-btn-toggle > .v-btn:not(.v-btn--disabled):not(.v-btn--active):focus-visible {
|
|
color: highlight;
|
|
border-color: currentColor;
|
|
}
|
|
.v-btn-toggle > .v-btn--active {
|
|
color: highlight;
|
|
forced-color-adjust: preserve-parent-color;
|
|
}
|
|
.v-btn-toggle > .v-btn--active:not(.v-btn--variant-text, .v-btn--variant-plain) {
|
|
background-color: highlight;
|
|
color: highlighttext;
|
|
border-color: highlight;
|
|
}
|
|
}
|
|
} |