From d42f9e348261fd1738e7977db89b06007ec8da10 Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Mon, 17 Jan 2022 23:08:44 +0100 Subject: feat: add a setting to disable animations and transitions Some users may not know the reduced motion settings, so I provide an option directly on the website to disable animations. --- src/styles/base/_helpers.scss | 8 ++++++++ 1 file changed, 8 insertions(+) (limited to 'src/styles/base/_helpers.scss') diff --git a/src/styles/base/_helpers.scss b/src/styles/base/_helpers.scss index 9fe2bd4..65f06d8 100644 --- a/src/styles/base/_helpers.scss +++ b/src/styles/base/_helpers.scss @@ -44,6 +44,14 @@ @include mix.motion("reduce") { * { + animation: none !important; + transition: none !important; + } +} + +[data-reduced-motion="true"] { + * { + animation: none !important; transition: none !important; } } -- cgit v1.2.3