Add more button states?

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
This commit is contained in:
Claire 2021-03-08 20:37:46 +01:00
parent 200d7a1708
commit e71f4d468b
1 changed files with 26 additions and 8 deletions

View File

@ -509,16 +509,34 @@
opacity: 0.5; opacity: 0.5;
} }
&:hover:not([disabled]) { &:not([disabled]) {
&:hover {
background-color: darken($ui-base-color, 10%); background-color: darken($ui-base-color, 10%);
} }
&:focus {
background-color: darken($ui-base-color, 15%);
}
&:active {
background-color: darken($ui-base-color, 20%);
}
&.active { &.active {
background-color: $ui-highlight-color; background-color: $ui-highlight-color;
&:hover {
background-color: lighten($ui-highlight-color, 10%);
} }
&.active:hover:not([disabled]) { &:focus {
background-color: lighten($ui-highlight-color, 10%); background-color: lighten($ui-highlight-color, 15%);
}
&:active {
background-color: lighten($ui-highlight-color, 20%);
}
}
} }
/* TODO: check RTL? */ /* TODO: check RTL? */