Add lower motion mode.

This commit is contained in:
Half-Shot
2024-11-08 12:13:48 +00:00
parent c2162a361e
commit 3b625226de

View File

@@ -154,6 +154,7 @@ Please see LICENSE in the repository root for full details.
animation-duration: 4s;
animation-name: reaction-up;
width: fit-content;
pointer-events: none;
}
@keyframes reaction-up {
@@ -171,7 +172,7 @@ Please see LICENSE in the repository root for full details.
}
@media (prefers-reduced-motion) {
@keyframes reaction-up {
@keyframes reaction-up-reduced {
from {
opacity: 1;
}
@@ -180,4 +181,11 @@ Please see LICENSE in the repository root for full details.
opacity: 0;
}
}
.floatingReaction {
font-size: 48pt;
animation-name: reaction-up-reduced;
top: calc(-50vh + (48pt / 2));
left: calc(50vw - (48pt / 2)) !important;
}
}