From 427ffa61254ade36429b548d54ec1b285522066b Mon Sep 17 00:00:00 2001
From: Lauri Eskola <lauriii@1078742.no-reply.drupal.org>
Date: Wed, 23 May 2018 07:39:36 +0300
Subject: [PATCH] Issue #2940012 by John Cook, rachel_norfolk, abhisekmazumdar,
andrewmacpherson, alexpott: Use prefers-reduced-motion media query on batch
progress bar
---
core/.stylelintrc.json | 3 +++
core/themes/classy/css/components/progress.css | 9 +++++++++
2 files changed, 12 insertions(+)
diff --git a/core/.stylelintrc.json b/core/.stylelintrc.json
index 5fc7258fb281..d9d0ede9f52f 100644
--- a/core/.stylelintrc.json
+++ b/core/.stylelintrc.json
@@ -10,6 +10,9 @@
"no-descending-specificity": null,
"no-duplicate-selectors": null,
"no-unknown-animations": true,
+ "media-feature-name-no-unknown": [true, {
+ "ignoreMediaFeatureNames": ["prefers-reduced-motion"]
+ }],
"number-leading-zero": "always",
"plugin/no-browser-hacks": [true, {
"browsers": [
diff --git a/core/themes/classy/css/components/progress.css b/core/themes/classy/css/components/progress.css
index 5613a7f83b38..9ea6deb50826 100644
--- a/core/themes/classy/css/components/progress.css
+++ b/core/themes/classy/css/components/progress.css
@@ -41,6 +41,15 @@
-moz-animation-direction: reverse;
}
+@media screen and (prefers-reduced-motion: reduce) {
+ .progress__bar {
+ -webkit-animation: none;
+ -moz-animation: none;
+ -webkit-transition: none;
+ transition: none;
+ }
+}
+
/**
* Progress bar animations.
*/
--
GitLab