Add active animation to header settings button (#30221)
This commit is contained in:
parent
f66c9faca0
commit
cb93c1edf0
1 changed files with 8 additions and 0 deletions
|
@ -4365,12 +4365,20 @@ a.status-card {
|
||||||
outline: $ui-button-focus-outline;
|
outline: $ui-button-focus-outline;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.no-reduce-motion .icon {
|
||||||
|
transition: transform 0.15s ease-in-out;
|
||||||
|
}
|
||||||
|
|
||||||
&.active {
|
&.active {
|
||||||
color: $primary-text-color;
|
color: $primary-text-color;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: $primary-text-color;
|
color: $primary-text-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.icon {
|
||||||
|
transform: rotate(60deg);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&:disabled {
|
&:disabled {
|
||||||
|
|
Loading…
Reference in a new issue