diff options
| author | Mark Otto <[email protected]> | 2013-01-16 15:19:55 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2013-01-16 15:19:55 -0800 |
| commit | ee9403e2d2c726fa01e9e9b6d44cf5162cd05705 (patch) | |
| tree | f592683431dc5e8f664567da3050d1871aadc516 /less | |
| parent | baa8c3ec9eeefcc1644aa7d0cf58b4cc3337b003 (diff) | |
| download | bootstrap-ee9403e2d2c726fa01e9e9b6d44cf5162cd05705.tar.xz bootstrap-ee9403e2d2c726fa01e9e9b6d44cf5162cd05705.zip | |
flatten the progress bars
Diffstat (limited to 'less')
| -rw-r--r-- | less/progress-bars.less | 26 |
1 files changed, 14 insertions, 12 deletions
diff --git a/less/progress-bars.less b/less/progress-bars.less index cbff7f2fd..11a95ee9f 100644 --- a/less/progress-bars.less +++ b/less/progress-bars.less @@ -46,28 +46,26 @@ overflow: hidden; height: @line-height-base; margin-bottom: @line-height-base; - #gradient > .vertical(#f5f5f5, #f9f9f9); - .box-shadow(inset 0 1px 2px rgba(0,0,0,.1)); + background-color: #f5f5f5; border-radius: @border-radius-base; + .box-shadow(inset 0 1px 2px rgba(0,0,0,.1)); } // Bar of progress .progress .bar { + float: left; width: 0%; height: 100%; - color: #fff; - float: left; font-size: 12px; + color: #fff; text-align: center; text-shadow: 0 -1px 0 rgba(0,0,0,.25); - #gradient > .vertical(#149bdf, #0480be); + background-color: #149bdf; + /*#gradient > .vertical(#149bdf, #0480be);*/ .box-shadow(inset 0 -1px 0 rgba(0,0,0,.15)); .box-sizing(border-box); .transition(width .6s ease); } -.progress .bar + .bar { - .box-shadow(~"inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15)"); -} // Striped bars .progress-striped .bar { @@ -91,7 +89,8 @@ // Danger (red) .progress-danger .bar, .progress .bar-danger { - #gradient > .vertical(#ee5f5b, #c43c35); + background-color: #ee5f5b; + /*#gradient > .vertical(#ee5f5b, #c43c35);*/ } .progress-danger.progress-striped .bar, .progress-striped .bar-danger { #gradient > .striped(#ee5f5b); @@ -99,7 +98,8 @@ // Success (green) .progress-success .bar, .progress .bar-success { - #gradient > .vertical(#62c462, #57a957); + background-color: #62c462; + /*#gradient > .vertical(#62c462, #57a957);*/ } .progress-success.progress-striped .bar, .progress-striped .bar-success { #gradient > .striped(#62c462); @@ -107,7 +107,8 @@ // Info (teal) .progress-info .bar, .progress .bar-info { - #gradient > .vertical(#5bc0de, #339bb9); + background-color: #5bc0de; + /*#gradient > .vertical(#5bc0de, #339bb9);*/ } .progress-info.progress-striped .bar, .progress-striped .bar-info { #gradient > .striped(#5bc0de); @@ -115,7 +116,8 @@ // Warning (orange) .progress-warning .bar, .progress .bar-warning { - #gradient > .vertical(lighten(#f89406, 15%), #f89406); + background-color: lighten(#f89406, 15%); + /*#gradient > .vertical(lighten(#f89406, 15%), #f89406);*/ } .progress-warning.progress-striped .bar, .progress-striped .bar-warning { #gradient > .striped(lighten(#f89406, 15%)); |