components: Honour 'prefers reduced motion' setting in many components
This helps accessibility for motion-sensitive people such as myself, and can improve battery life in "battery saving" mode on most devices
This commit is contained in:
parent
af97dd7484
commit
51ebe643d5
6 changed files with 22 additions and 0 deletions
|
@ -62,6 +62,9 @@
|
|||
border-top-right-radius: 0;
|
||||
border-top-left-radius: 0;
|
||||
transform: translateY(-100%);
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
transition: unset;
|
||||
}
|
||||
transition: transform 100ms;
|
||||
}
|
||||
|
||||
|
@ -89,6 +92,9 @@
|
|||
|
||||
svg {
|
||||
margin-left: 0.6em;
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
transition: unset;
|
||||
}
|
||||
transition: transform 100ms;
|
||||
}
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue