sd/site
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix disabled animations
All checks were successful
/ build (push) Successful in 4m40s
Details

Browse source
This commit is contained in:
Ruben 2025-10-28 21:22:11 -05:00
commit 8d006cc42a
Signed by: sneexy
GPG key ID: 8ECFA045E63BC583
1 changed files with 15 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

27
_includes/styles/base/accessibility.css
View file

@ -62,19 +62,21 @@
}
/* animations aren't important for anything so we can simply just disable them on every element then choose which ones not to disable */
* {
*, *::after {
transition: none !important;
animation: unset !important;
-moz-animation: unset !important;
-webkit-animation: unset !important;
}
/* fedi icon on /me should keep its animation (temp, find a better solution later) */
.fedi-icon {
animation: opacity-blink 4s infinite !important;
/* special treatment for flashing indicator */
.navbar .important::after {
outline-color: color-mix(in srgb, var(--accent) 60%, transparent);
}
.fedi-icon-2 {
animation: opacity-blink-reverse 4s infinite !important;
/* leave ticker enabled - make animation speed longer */
ticker-container {
animation: ticker 150s linear infinite !important;
}
}
@ -94,19 +96,20 @@
}
/* animations aren't important for anything so we can simply just disable them on every element then choose which ones not to disable */
* {
*, *::after {
transition: none !important;
animation: unset !important;
-moz-animation: unset !important;
-webkit-animation: unset !important;
}
/* fedi icon on /me should keep its animation (temp, find a better solution later) */
.fedi-icon {
animation: opacity-blink 4s infinite !important;
/* special treatment for flashing indicator */
.navbar .important::after {
outline-color: color-mix(in srgb, var(--accent) 60%, transparent);
}
.fedi-icon-2 {
animation: opacity-blink-reverse 4s infinite !important;
/* leave ticker enabled - make animation speed longer */
ticker-container {
animation: ticker 150s linear infinite !important;
}
}