From: Eli Dupuis Date: Wed, 6 Mar 2013 19:46:07 +0000 (-0700) Subject: use progress bar vars instead of global color vars X-Git-Tag: v4.0.5~23^2 X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=refs%2Fpull%2F1756%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git 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 ea0b95b11..f34bcc5fb 100644 --- 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); }