extract .progress-bar-variant mix-in

diff --git a/less/mixins.less b/less/mixins.less
index eb05623ac93bfb16220ab989aed92c9757344f20..a86b7f80e4f96accb794c0e8d8754738c09fe85f 100644 (file)
--- a/less/mixins.less
+++ b/less/mixins.less
@@ -401,6 +401,15 @@
   margin-bottom: ((@navbar-height - @element-height) / 2);
 }
 
+// Progress bars
+// -------------------------
+.progress-bar-variant(@color) {
+  background-color: @color;
+  .progress-striped & {
+    #gradient > .striped(@color);
+  }
+}
+
 // Responsive utilities
 // -------------------------
 // More easily include all the states for responsive-utilities.less.

diff --git a/less/progress-bars.less b/less/progress-bars.less
index e963fa9681fff6244020a508436e76c1526e320b..59f81048f0838fe2c64682cb1aef85bb9dcd3c28 100644 (file)
--- a/less/progress-bars.less
+++ b/less/progress-bars.less
@@ -87,32 +87,20 @@
 
 // Danger (red)
 .progress-bar-danger {
-  background-color: @progress-bar-danger-bg;
-  .progress-striped & {
-    #gradient > .striped(@progress-bar-danger-bg);
-  }
+  .progress-bar-variant(@progress-bar-danger-bg);
 }
 
 // Success (green)
 .progress-bar-success {
-  background-color: @progress-bar-success-bg;
-  .progress-striped & {
-    #gradient > .striped(@progress-bar-success-bg);
-  }
+  .progress-bar-variant(@progress-bar-success-bg);
 }
 
 // Warning (orange)
 .progress-bar-warning {
-  background-color: @progress-bar-warning-bg;
-  .progress-striped & {
-    #gradient > .striped(@progress-bar-warning-bg);
-  }
+  .progress-bar-variant(@progress-bar-warning-bg);
 }
 
 // Info (teal)
 .progress-bar-info {
-  background-color: @progress-bar-info-bg;
-  .progress-striped & {
-    #gradient > .striped(@progress-bar-info-bg);
-  }
+  .progress-bar-variant(@progress-bar-info-bg);
 }