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;
|
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? */
|
||||||
|
|
Reference in New Issue