X-Git-Url: http://www.aleph1.co.uk/gitweb/?p=yaffs-website;a=blobdiff_plain;f=web%2Fcore%2Fthemes%2Fclassy%2Fcss%2Fcomponents%2Fprogress.css;fp=web%2Fcore%2Fthemes%2Fclassy%2Fcss%2Fcomponents%2Fprogress.css;h=9ea6deb508265dc957176f65d0cfc7673f08b70c;hp=09aab9071d85218015decbf90326cacbb5d91f45;hb=0bf8d09d2542548982e81a441b1f16e75873a04f;hpb=74df008bdbb3a11eeea356744f39b802369bda3c diff --git a/web/core/themes/classy/css/components/progress.css b/web/core/themes/classy/css/components/progress.css index 09aab9071..9ea6deb50 100644 --- a/web/core/themes/classy/css/components/progress.css +++ b/web/core/themes/classy/css/components/progress.css @@ -16,9 +16,6 @@ .progress__bar { border: 1px #07629a solid; background: #057ec9; - background-image: - -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)), - -webkit-linear-gradient(left top, #0094f0 0%, #0094f0 25%, #007ecc 25%, #007ecc 50%, #0094f0 50%, #0094f0 75%, #0094f0 100%); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)), -webkit-linear-gradient(left top, #0094f0 0%, #0094f0 25%, #007ecc 25%, #007ecc 50%, #0094f0 50%, #0094f0 75%, #0094f0 100%); @@ -44,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. */