[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
Khurshid Alam 2017-02-06 20:15:39 +05:30
parent 777d5866a0
commit d2f201b096
1 changed files with 10 additions and 2 deletions

View File

@ -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;
} }
} }