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 */ /* 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; transition: none !important;
animation: unset !important; animation: unset !important;
-moz-animation: unset !important; -moz-animation: unset !important;
-webkit-animation: unset !important; -webkit-animation: unset !important;
} }
/* fedi icon on /me should keep its animation (temp, find a better solution later) */ /* special treatment for flashing indicator */
.fedi-icon { .navbar .important::after {
animation: opacity-blink 4s infinite !important; 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 */ /* 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; transition: none !important;
animation: unset !important; animation: unset !important;
-moz-animation: unset !important; -moz-animation: unset !important;
-webkit-animation: unset !important; -webkit-animation: unset !important;
} }
/* fedi icon on /me should keep its animation (temp, find a better solution later) */ /* special treatment for flashing indicator */
.fedi-icon { .navbar .important::after {
animation: opacity-blink 4s infinite !important; outline-color: color-mix(in srgb, var(--accent) 60%, transparent);
} }
.fedi-icon-2 { /* leave ticker enabled - make animation speed longer */
animation: opacity-blink-reverse 4s infinite !important; ticker-container {
animation: ticker 150s linear infinite !important;
} }
} }