diff options
author | Mark Otto <markdotto@gmail.com> | 2013-07-08 05:27:43 +0400 |
---|---|---|
committer | Mark Otto <markdotto@gmail.com> | 2013-07-08 05:27:43 +0400 |
commit | 084291aac7e8873ce975a4b547a9de6ac4630473 (patch) | |
tree | 4fbc0ce8fe3158abd2916c7f2834d6690608dd2f | |
parent | 906d04a4aad5feec3c1fc8e376712046dc6abacd (diff) | |
parent | d2fb35d546701325686487fafca73d992b2bb74a (diff) |
Merge pull request #8408 from cvrebert/progress-bar-variant-mixin
extract .progress-bar-variant mix-in
-rw-r--r-- | less/mixins.less | 9 | ||||
-rw-r--r-- | less/progress-bars.less | 20 |
2 files changed, 13 insertions, 16 deletions
diff --git a/less/mixins.less b/less/mixins.less index 3e1c717f14..6d39d2aaeb 100644 --- a/less/mixins.less +++ b/less/mixins.less @@ -427,6 +427,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 e963fa9681..59f81048f0 100644 --- 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); } |