2
0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-05 16:42:29 +03:00

bump up height of progress bars, give some extra depth with stacking bars, and then make the stacked bars actually work

This commit is contained in:
Mark Otto
2012-08-20 11:22:37 -07:00
parent 47697c5f35
commit 2fda6a45aa
4 changed files with 54 additions and 22 deletions
+5 -2
View File
@@ -44,8 +44,8 @@
// Outer container
.progress {
overflow: hidden;
height: 18px;
margin-bottom: 18px;
height: @baseLineHeight;
margin-bottom: @baseLineHeight;
#gradient > .vertical(#f5f5f5, #f9f9f9);
.box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
.border-radius(4px);
@@ -65,6 +65,9 @@
.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 {