Make notification respect reduce-motion (#27178)
parent
91047c36b5
commit
11f0b6bc7e
|
@ -9283,14 +9283,17 @@ noscript {
|
||||||
0 10px 15px -3px rgba($base-shadow-color, 0.25),
|
0 10px 15px -3px rgba($base-shadow-color, 0.25),
|
||||||
0 4px 6px -4px rgba($base-shadow-color, 0.25);
|
0 4px 6px -4px rgba($base-shadow-color, 0.25);
|
||||||
cursor: default;
|
cursor: default;
|
||||||
transition: 0.5s cubic-bezier(0.89, 0.01, 0.5, 1.1);
|
|
||||||
transform: translateZ(0);
|
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
line-height: 21px;
|
line-height: 21px;
|
||||||
|
|
||||||
&.notification-bar-active {
|
&.notification-bar-active {
|
||||||
inset-inline-start: 1rem;
|
inset-inline-start: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.no-reduce-motion & {
|
||||||
|
transition: 0.5s cubic-bezier(0.89, 0.01, 0.5, 1.1);
|
||||||
|
transform: translateZ(0);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.notification-bar-title {
|
.notification-bar-title {
|
||||||
|
|
Reference in New Issue