use progress bar vars instead of global color vars

diff --git a/scss/foundation/components/_progress-bars.scss b/scss/foundation/components/_progress-bars.scss
index ea0b95b118a8c5836e61e2146f87caf9295f2d91..f34bcc5fbb9a4dcd20e46ffaf78b2dc2ee843b3d 100644 (file)
--- a/scss/foundation/components/_progress-bars.scss
+++ b/scss/foundation/components/_progress-bars.scss
@@ -34,7 +34,7 @@ $progress-meter-alert-color: $alert-color !default;
   margin-bottom: $progress-bar-margin-bottom;
 }
 
-@mixin progress-meter($bg:$primary-color) {
+@mixin progress-meter($bg:$progress-meter-color) {
   background: $bg;
   height: 100%;
   display: block;
@@ -51,9 +51,9 @@ $progress-meter-alert-color: $alert-color !default;
     .meter {
       @include progress-meter;
     }
-    &.secondary .meter { @include progress-meter($bg:$secondary-color); }
-    &.success .meter { @include progress-meter($bg:$success-color); }
-    &.alert .meter { @include progress-meter($bg:$alert-color); }
+    &.secondary .meter { @include progress-meter($bg:$progress-meter-secondary-color); }
+    &.success .meter { @include progress-meter($bg:$progress-meter-success-color); }
+    &.alert .meter { @include progress-meter($bg:$progress-meter-alert-color); }
 
     &.radius { @include radius($global-radius);
       .meter { @include radius($global-radius - 1); }