respect prefers-reduced-motion while animating
This commit is contained in:
parent
b6a308d331
commit
18ae4e5593
|
@ -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
|
||||||
}
|
}
|
||||||
|
|
|
@ -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,
|
||||||
|
|
|
@ -55,3 +55,9 @@
|
||||||
.button:active {
|
.button:active {
|
||||||
transform: scale(.96)
|
transform: scale(.96)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (prefers-reduced-motion) {
|
||||||
|
.button:active {
|
||||||
|
transform: none
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
|
@ -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
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in New Issue