diff options
author | Gleb Mazovetskiy <glex.spb@gmail.com> | 2019-02-11 22:57:15 +0300 |
---|---|---|
committer | Gleb Mazovetskiy <glex.spb@gmail.com> | 2019-02-11 22:57:15 +0300 |
commit | c406232dcdbe1651a8228f9e6aefa5363664a94c (patch) | |
tree | d2388173ea497744c4bef639352dd150017fe112 /assets/stylesheets/bootstrap/_progress.scss | |
parent | 2f5416832341821fb1786d0eedca408687ac640c (diff) |
rake update[v4.3.0]
Diffstat (limited to 'assets/stylesheets/bootstrap/_progress.scss')
-rw-r--r-- | assets/stylesheets/bootstrap/_progress.scss | 21 |
1 files changed, 15 insertions, 6 deletions
diff --git a/assets/stylesheets/bootstrap/_progress.scss b/assets/stylesheets/bootstrap/_progress.scss index 0ac3e0c..ab9ea0f 100644 --- a/assets/stylesheets/bootstrap/_progress.scss +++ b/assets/stylesheets/bootstrap/_progress.scss @@ -1,13 +1,16 @@ -@keyframes progress-bar-stripes { - from { background-position: $progress-height 0; } - to { background-position: 0 0; } +// Disable animation if transitions are disabled +@if $enable-transitions { + @keyframes progress-bar-stripes { + from { background-position: $progress-height 0; } + to { background-position: 0 0; } + } } .progress { display: flex; height: $progress-height; overflow: hidden; // force rounded corners by cropping it - font-size: $progress-font-size; + @include font-size($progress-font-size); background-color: $progress-bg; @include border-radius($progress-border-radius); @include box-shadow($progress-box-shadow); @@ -29,6 +32,12 @@ background-size: $progress-height $progress-height; } -.progress-bar-animated { - animation: progress-bar-stripes $progress-bar-animation-timing; +@if $enable-transitions { + .progress-bar-animated { + animation: progress-bar-stripes $progress-bar-animation-timing; + + @media (prefers-reduced-motion: reduce) { + animation: none; + } + } } |