Fix checkbox themes
This commit is contained in:
parent
1cd4fe501d
commit
18c9772876
|
@ -56,7 +56,7 @@
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
font-weight: $font-semibold;
|
font-weight: $font-semibold;
|
||||||
color: var(--mainForegroundColor);
|
color: $fg-color;
|
||||||
padding: 7px 0;
|
padding: 7px 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -345,7 +345,7 @@
|
||||||
width: 18px;
|
width: 18px;
|
||||||
min-width: 18px;
|
min-width: 18px;
|
||||||
height: 18px;
|
height: 18px;
|
||||||
border: $border-width solid var(--mainForegroundColor);
|
border: $border-width solid $fg-color;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
@ -359,14 +359,14 @@
|
||||||
height: 12px;
|
height: 12px;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: rotate(45deg) scale(0);
|
transform: rotate(45deg) scale(0);
|
||||||
border-right: 2px solid var(--mainBackgroundColor);
|
border-right: 2px solid $bg-color;
|
||||||
border-bottom: 2px solid var(--mainBackgroundColor);
|
border-bottom: 2px solid $bg-color;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&:checked + span {
|
&:checked + span {
|
||||||
border-color: transparent;
|
border-color: transparent;
|
||||||
background: var(--mainColor);
|
background: $orange-color;
|
||||||
animation: jelly 0.6s ease;
|
animation: jelly 0.6s ease;
|
||||||
|
|
||||||
&:after {
|
&:after {
|
||||||
|
|
Loading…
Reference in New Issue
Block a user