Check prefers-reduced-motion variable before adding reduced motion media query for animated progress bars (#28530)

This commit is contained in:
Patrick H. Lauke 2019-03-21 13:59:02 +00:00 committed by XhmikosR
parent 1f7f876810
commit b4a2beb3c2
1 changed files with 4 additions and 2 deletions

View File

@ -36,8 +36,10 @@
.progress-bar-animated {
animation: progress-bar-stripes $progress-bar-animation-timing;
@media (prefers-reduced-motion: reduce) {
animation: none;
@if $enable-prefers-reduced-motion-media-query {
@media (prefers-reduced-motion: reduce) {
animation: none;
}
}
}
}