respect prefers-reduced-motion while animating
This commit is contained in:
parent
b6a308d331
commit
18ae4e5593
|
@ -53,6 +53,12 @@
|
|||
transform: scale(.96)
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion) {
|
||||
.post-entry:active {
|
||||
transform: none
|
||||
}
|
||||
}
|
||||
|
||||
.tag-entry .entry-cover {
|
||||
display: none
|
||||
}
|
||||
|
|
|
@ -335,6 +335,12 @@
|
|||
transform: scale(.96)
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion) {
|
||||
.share-buttons svg:active {
|
||||
transform: none
|
||||
}
|
||||
}
|
||||
|
||||
h1:hover .anchor,
|
||||
h2:hover .anchor,
|
||||
h3:hover .anchor,
|
||||
|
|
|
@ -55,3 +55,9 @@
|
|||
.button:active {
|
||||
transform: scale(.96)
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion) {
|
||||
.button:active {
|
||||
transform: none
|
||||
}
|
||||
}
|
||||
|
|
|
@ -41,4 +41,11 @@
|
|||
|
||||
#searchResults .active {
|
||||
transform: scale(.98);
|
||||
border: 2px solid var(--tertiary)
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion) {
|
||||
#searchResults .active {
|
||||
transform: none
|
||||
}
|
||||
}
|
||||
|
|
|
@ -16,3 +16,9 @@
|
|||
background: var(--tertiary);
|
||||
transform: scale(.96)
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion) {
|
||||
.terms-tags a:active {
|
||||
transform: none
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue