Merge pull request #13861 from twbs/new_striped_progress_bar_class

Make striped progress bars its own class

2 files changed, 13 insertions, 2 deletions

diff --git a/less/mixins/progress-bar.less b/less/mixins/progress-bar.less
index f71a57154..56a22e54b 100644
--- a/less/mixins/progress-bar.less
+++ b/less/mixins/progress-bar.less
@@ -2,6 +2,8 @@
 
 .progress-bar-variant(@color) {
   background-color: @color;
+
+  // Deprecated parent class requirement as of v3.2
   .progress-striped & {
     #gradient > .striped();
   }
diff --git a/less/progress-bars.less b/less/progress-bars.less
index 74b702843..5292c265e 100644
--- a/less/progress-bars.less
+++ b/less/progress-bars.less
@@ -41,13 +41,22 @@
 }
 
 // Striped bars
-.progress-striped .progress-bar {
+//
+// `.progress-striped .progress-bar` is deprecated as of v3.2 in favor of the
+// `.progress-bar-striped` class, which you just add to an existing
+// `.progress-bar`.
+.progress-striped .progress-bar,
+.progress-bar-striped {
   #gradient > .striped();
   background-size: 40px 40px;
 }
 
 // Call animation for the active one
-.progress.active .progress-bar {
+//
+// `.progress.active .progress-bar` is deprecated as of v3.2 in favor of the
+// `.progress-bar.active` approach.
+.progress.active .progress-bar,
+.progress-bar.active {
   .animation(progress-bar-stripes 2s linear infinite);
 }