routie dev init since i didn't adhere to any proper guidance up until now
This commit is contained in:
+34
@@ -0,0 +1,34 @@
|
||||
@use './variables' as *
|
||||
@use '../../styles/tools'
|
||||
|
||||
@include tools.layer('components')
|
||||
.v-btn-toggle
|
||||
> .v-btn.v-btn--active:not(.v-btn--disabled)
|
||||
@include tools.active-states('> .v-btn__overlay', $btn-toggle-selected-opacity)
|
||||
|
||||
&.v-btn--variant-plain
|
||||
opacity: 1
|
||||
|
||||
@include tools.layer('trumps')
|
||||
@media (forced-colors: active)
|
||||
.v-btn-toggle
|
||||
> .v-btn:not(.v-btn--disabled)
|
||||
border-color: buttontext
|
||||
|
||||
&:focus-visible
|
||||
outline: 0
|
||||
|
||||
&:not(.v-btn--active)
|
||||
&:hover,
|
||||
&:focus-visible
|
||||
color: highlight
|
||||
border-color: currentColor
|
||||
|
||||
> .v-btn--active
|
||||
color: highlight
|
||||
forced-color-adjust: preserve-parent-color
|
||||
|
||||
&:not(.v-btn--variant-text, .v-btn--variant-plain)
|
||||
background-color: highlight
|
||||
color: highlighttext
|
||||
border-color: highlight
|
||||
Reference in New Issue
Block a user