[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 {
|
||||
@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;
|
||||
|
||||
&: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;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue