Add more button states?
Signed-off-by: Claire <claire.github-309c@sitedethib.com>
This commit is contained in:
parent
200d7a1708
commit
e71f4d468b
|
@ -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? */
|
||||
|
|
Loading…
Reference in New Issue