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;
}
&:hover:not([disabled]) {
&:not([disabled]) {
&:hover {
background-color: darken($ui-base-color, 10%);
}
&:focus {
background-color: darken($ui-base-color, 15%);
}
&:active {
background-color: darken($ui-base-color, 20%);
}
&.active {
background-color: $ui-highlight-color;
&:hover {
background-color: lighten($ui-highlight-color, 10%);
}
&.active:hover:not([disabled]) {
background-color: lighten($ui-highlight-color, 10%);
&:focus {
background-color: lighten($ui-highlight-color, 15%);
}
&:active {
background-color: lighten($ui-highlight-color, 20%);
}
}
}
/* TODO: check RTL? */