From fba27befef3c63f523a681230358cc996bc037aa Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Sat, 8 Apr 2017 14:05:33 -0700
Subject: Add transition to .progress-bar

- Pulls in values from v3
- Closes #22371 which didn't use a transition include
---
 scss/_progress.scss  | 1 +
 scss/_variables.scss | 1 +
 2 files changed, 2 insertions(+)

(limited to 'scss')

diff --git a/scss/_progress.scss b/scss/_progress.scss
index ccca51e8de..66571843cd 100644
--- a/scss/_progress.scss
+++ b/scss/_progress.scss
@@ -18,6 +18,7 @@
   line-height: $progress-height;
   color: $progress-bar-color;
   background-color: $progress-bar-bg;
+  @include transition($progress-bar-transition);
 }
 
 .progress-bar-striped {
diff --git a/scss/_variables.scss b/scss/_variables.scss
index 3af5205a42..beb8b9c131 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -828,6 +828,7 @@ $progress-box-shadow:           inset 0 .1rem .1rem rgba($black,.1) !default;
 $progress-bar-color:            $white !default;
 $progress-bar-bg:               $brand-primary !default;
 $progress-bar-animation-timing: 1s linear infinite !default;
+$progress-bar-transition:       width .6s ease !default;
 
 // List group
 
-- 
cgit v1.2.3