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;
|
||||
}
|
||||
|
||||
.no-reduce-motion .icon {
|
||||
transition: transform 0.15s ease-in-out;
|
||||
}
|
||||
|
||||
&.active {
|
||||
color: $primary-text-color;
|
||||
|
||||
&:hover {
|
||||
color: $primary-text-color;
|
||||
}
|
||||
|
||||
.icon {
|
||||
transform: rotate(60deg);
|
||||
}
|
||||
}
|
||||
|
||||
&:disabled {
|
||||
|
|
Loading…
Reference in a new issue