diff --git a/_includes/styles/base/accessibility.css b/_includes/styles/base/accessibility.css index a1fdf5c..33d5428 100644 --- a/_includes/styles/base/accessibility.css +++ b/_includes/styles/base/accessibility.css @@ -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; } } \ No newline at end of file