Mercurial > hg > cmmr2012-drupal-site
diff core/themes/classy/css/components/progress.css @ 5:12f9dff5fda9 tip
Update to Drupal core 8.7.1
author | Chris Cannam |
---|---|
date | Thu, 09 May 2019 15:34:47 +0100 |
parents | a9cd425dd02b |
children |
line wrap: on
line diff
--- a/core/themes/classy/css/components/progress.css Thu Feb 28 13:11:55 2019 +0000 +++ b/core/themes/classy/css/components/progress.css Thu May 09 15:34:47 2019 +0100 @@ -14,7 +14,16 @@ box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.16); } .progress__bar { + height: 16px; + margin-top: -1px; + margin-left: -1px; /* LTR */ + padding: 0 1px; + -webkit-transition: width 0.5s ease-out; + transition: width 0.5s ease-out; + -webkit-animation: animate-stripes 3s linear infinite; + -moz-animation: animate-stripes 3s linear infinite; border: 1px #07629a solid; + border-radius: 10em; background: #057ec9; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)), @@ -23,30 +32,21 @@ linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)), linear-gradient(to right bottom, #0094f0 0%, #0094f0 25%, #007ecc 25%, #007ecc 50%, #0094f0 50%, #0094f0 75%, #0094f0 100%); background-size: 40px 40px; - margin-top: -1px; - margin-left: -1px; /* LTR */ - padding: 0 1px; - height: 16px; - border-radius: 10em; - -webkit-animation: animate-stripes 3s linear infinite; - -moz-animation: animate-stripes 3s linear infinite; - -webkit-transition: width 0.5s ease-out; - transition: width 0.5s ease-out; } [dir="rtl"] .progress__bar { + margin-right: -1px; margin-left: 0; - margin-right: -1px; - animation-direction: reverse; -webkit-animation-direction: reverse; -moz-animation-direction: reverse; + animation-direction: reverse; } @media screen and (prefers-reduced-motion: reduce) { .progress__bar { + -webkit-transition: none; + transition: none; -webkit-animation: none; -moz-animation: none; - -webkit-transition: none; - transition: none; } }