respect prefers-reduced-motion while animating

This commit is contained in:
Aditya Telange 2021-01-13 23:35:54 +05:30
parent b6a308d331
commit 18ae4e5593
No known key found for this signature in database
GPG Key ID: 82E844EF3DA99E77
5 changed files with 31 additions and 0 deletions

View File

@ -53,6 +53,12 @@
transform: scale(.96) transform: scale(.96)
} }
@media (prefers-reduced-motion) {
.post-entry:active {
transform: none
}
}
.tag-entry .entry-cover { .tag-entry .entry-cover {
display: none display: none
} }

View File

@ -335,6 +335,12 @@
transform: scale(.96) transform: scale(.96)
} }
@media (prefers-reduced-motion) {
.share-buttons svg:active {
transform: none
}
}
h1:hover .anchor, h1:hover .anchor,
h2:hover .anchor, h2:hover .anchor,
h3:hover .anchor, h3:hover .anchor,

View File

@ -55,3 +55,9 @@
.button:active { .button:active {
transform: scale(.96) transform: scale(.96)
} }
@media (prefers-reduced-motion) {
.button:active {
transform: none
}
}

View File

@ -41,4 +41,11 @@
#searchResults .active { #searchResults .active {
transform: scale(.98); transform: scale(.98);
border: 2px solid var(--tertiary)
}
@media (prefers-reduced-motion) {
#searchResults .active {
transform: none
}
} }

View File

@ -16,3 +16,9 @@
background: var(--tertiary); background: var(--tertiary);
transform: scale(.96) transform: scale(.96)
} }
@media (prefers-reduced-motion) {
.terms-tags a:active {
transform: none
}
}