diff options
Diffstat (limited to '')
-rw-r--r-- | assets/css/bootstrap-3.3.2/progress-bars.less (renamed from assets/css/lib/bootstrap/_progress-bars.scss) | 52 |
1 files changed, 17 insertions, 35 deletions
diff --git a/assets/css/lib/bootstrap/_progress-bars.scss b/assets/css/bootstrap-3.3.2/progress-bars.less index 6395ac2..8868a1f 100644 --- a/assets/css/lib/bootstrap/_progress-bars.scss +++ b/assets/css/bootstrap-3.3.2/progress-bars.less @@ -19,18 +19,17 @@ } - // Bar itself // ------------------------- // Outer container .progress { overflow: hidden; - height: $line-height-computed; - margin-bottom: $line-height-computed; - background-color: $progress-bg; - border-radius: $border-radius-base; - @include box-shadow(inset 0 1px 2px rgba(0,0,0,.1)); + height: @line-height-computed; + margin-bottom: @line-height-computed; + background-color: @progress-bg; + border-radius: @progress-border-radius; + .box-shadow(inset 0 1px 2px rgba(0,0,0,.1)); } // Bar of progress @@ -38,13 +37,13 @@ float: left; width: 0%; height: 100%; - font-size: $font-size-small; - line-height: $line-height-computed; - color: $progress-bar-color; + font-size: @font-size-small; + line-height: @line-height-computed; + color: @progress-bar-color; text-align: center; - background-color: $progress-bar-bg; - @include box-shadow(inset 0 -1px 0 rgba(0,0,0,.15)); - @include transition(width .6s ease); + background-color: @progress-bar-bg; + .box-shadow(inset 0 -1px 0 rgba(0,0,0,.15)); + .transition(width .6s ease); } // Striped bars @@ -54,7 +53,7 @@ // `.progress-bar`. .progress-striped .progress-bar, .progress-bar-striped { - @include gradient-striped(); + #gradient > .striped(); background-size: 40px 40px; } @@ -64,42 +63,25 @@ // `.progress-bar.active` approach. .progress.active .progress-bar, .progress-bar.active { - @include animation(progress-bar-stripes 2s linear infinite); + .animation(progress-bar-stripes 2s linear infinite); } -// Account for lower percentages -.progress-bar { - &[aria-valuenow="1"], - &[aria-valuenow="2"] { - min-width: 30px; - } - - &[aria-valuenow="0"] { - color: $gray-light; - min-width: 30px; - background-color: transparent; - background-image: none; - box-shadow: none; - } -} - - // Variations // ------------------------- .progress-bar-success { - @include progress-bar-variant($progress-bar-success-bg); + .progress-bar-variant(@progress-bar-success-bg); } .progress-bar-info { - @include progress-bar-variant($progress-bar-info-bg); + .progress-bar-variant(@progress-bar-info-bg); } .progress-bar-warning { - @include progress-bar-variant($progress-bar-warning-bg); + .progress-bar-variant(@progress-bar-warning-bg); } .progress-bar-danger { - @include progress-bar-variant($progress-bar-danger-bg); + .progress-bar-variant(@progress-bar-danger-bg); } |