granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Map default colors in SegmentedControl to vars

Browse source
This commit is contained in:
Justin Edmund 2022-12-20 23:32:08 -08:00
parent 306ca3b56f
commit 17affb29f1
1 changed files with 12 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
components/SegmentedControl/index.scss
View file

@ -15,8 +15,8 @@
&.fire { &.fire {
.Segment input:checked + label { .Segment input:checked + label {
background: $fire-bg-10; background: var(--fire-bg);
color: $fire-text-10; color: var(--fire-text);
} }
.Segment:hover label { .Segment:hover label {
@ -27,8 +27,8 @@
&.water { &.water {
.Segment input:checked + label { .Segment input:checked + label {
background: $water-bg-10; background: var(--water-bg);
color: $water-text-10; color: var(--water-text);
} }
.Segment:hover label { .Segment:hover label {
@ -39,8 +39,8 @@
&.earth { &.earth {
.Segment input:checked + label { .Segment input:checked + label {
background: $earth-bg-10; background: var(--earth-bg);
color: $earth-text-10; color: var(--earth-text);
} }
.Segment:hover label { .Segment:hover label {
@ -51,8 +51,8 @@
&.wind { &.wind {
.Segment input:checked + label { .Segment input:checked + label {
background: $wind-bg-10; background: var(--wind-bg);
color: $wind-text-10; color: var(--wind-text);
} }
.Segment:hover label { .Segment:hover label {
@ -63,8 +63,8 @@
&.light { &.light {
.Segment input:checked + label { .Segment input:checked + label {
background: $light-bg-10; background: var(--light-bg);
color: $light-text-10; color: var(--light-text);
} }
.Segment:hover label { .Segment:hover label {
@ -75,8 +75,8 @@
&.dark { &.dark {
.Segment input:checked + label { .Segment input:checked + label {
background: $dark-bg-10; background: var(--dark-bg);
color: $dark-text-10; color: var(--dark-text);
} }
.Segment:hover label { .Segment:hover label {