hak8or/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Respect prefers-reduced-motion for transitions

Browse Source
This commit is contained in:
daudix
2024-04-03 00:46:32 +03:00
parent 68a0299fe2
commit deaae64392
1 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
sass/_variables.scss
View File

@ -35,12 +35,18 @@
--transition-long: 800ms; --transition-long: 800ms;
--transition-longer: 400ms; --transition-longer: 400ms;
--transition: 200ms; --transition: 200ms;
}
@media (prefers-color-scheme: dark) { @media (prefers-reduced-motion) {
:root { // VARIABLES
--transition-bezier: 0;
--transition-long: 0;
--transition-longer: 0;
--transition: 0;
}
@media (prefers-color-scheme: dark) {
color-scheme: dark; color-scheme: dark;
// COLORS // COLORS
--bg-color: var(--bg-color-d); --bg-color: var(--bg-color-d);
--fg-color: rgb(255, 255, 255); --fg-color: rgb(255, 255, 255);