[Button-Redesign] Lighten active a checked state button color for light variant
checked stated background color is too dark and text is not readble in backdrop state. This fixes the issue.pull/614/merge
parent
777d5866a0
commit
d2f201b096
|
@ -309,11 +309,19 @@
|
||||||
|
|
||||||
|
|
||||||
&:checked, &:active {
|
&:checked, &:active {
|
||||||
@include linear-gradient(shade($button_bg, .7), to top);
|
@if (lightness($button_bg) > 50) {
|
||||||
|
@include linear-gradient(shade($button_bg, .8), to top);
|
||||||
|
} @else {
|
||||||
|
@include linear-gradient(shade($button_bg, .7), to top);
|
||||||
|
}
|
||||||
color: $white;
|
color: $white;
|
||||||
|
|
||||||
&:focus, &:hover {
|
&:focus, &:hover {
|
||||||
@include linear-gradient(shade($button_bg, .65), to top);
|
@if (lightness($button_bg) > 50) {
|
||||||
|
@include linear-gradient(shade($button_bg, .75), to top);
|
||||||
|
} @else {
|
||||||
|
@include linear-gradient(shade($button_bg, .65), to top);
|
||||||
|
}
|
||||||
color: $white;
|
color: $white;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue