EH22/design
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

respect prefers-reduce-motion flag
All checks were successful
/ build (push) Successful in 12s
Details

Browse source
This commit is contained in:
kritzl 2025-03-25 22:55:09 +01:00
commit 9ea4831636
Signed by: kritzl
SSH key fingerprint: SHA256:5BmINP9VjZWaUk5Z+2CTut1KFhwLtd0ZynMekKbtViM
7 changed files with 125 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

8
styleguide/assets/style/base.scss
View file

@ -169,6 +169,10 @@ $mobile-navigation-height: 4rem;
filter 150ms cubic-bezier(0, 1.7, 1, -0.3) 50ms,
border-color 150ms cubic-bezier(0, 1.7, 1, -0.3) 50ms;
@media (prefers-reduced-motion) {
--transition-glow: filter 150ms, border-color 150ms;
}
--text-glow-primary: drop-shadow(0 0 0.03125em var(--color-white))
drop-shadow(0 0 0.0625em var(--color-primary))
drop-shadow(0 0 0.125em var(--color-primary));
@ -212,6 +216,10 @@ $mobile-navigation-height: 4rem;
filter 150ms cubic-bezier(0, 2, 1, -0.7) 50ms,
border-color 150ms cubic-bezier(0, 2, 1, -0.7) 50ms;
@media (prefers-reduced-motion) {
--transition-glow: filter 150ms, border-color 150ms;
}
--text-glow-primary: drop-shadow(0 0 0.03125em var(--color-argon-950));
--text-glow-secondary: drop-shadow(0 0 0.03125em var(--color-krypton-950));