Commit 15734466 authored by Thomas Park's avatar Thomas Park
Browse files

flatly: fixes #104 + more: active, stacked, and stateless progress bars

parent 389a9f81
......@@ -6644,29 +6644,49 @@ legend {
}
.progress .bar {
background: #2c3e50;
background-color: #2c3e50;
background-image: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.progress .bar + .bar {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.progress-striped .bar {
background-color: #2c3e50;
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-success .bar,
.progress-success.progress-striped .bar {
.progress-success.progress-striped .bar,
.progress .bar-success {
background-color: #18bc9c;
}
.progress-warning .bar,
.progress-warning.progress-striped .bar {
.progress-warning.progress-striped .bar,
.progress .bar-warning {
background-color: #e6bb0d;
}
.progress-danger .bar,
.progress-danger.progress-striped .bar {
.progress-danger.progress-striped .bar,
.progress .bar-danger {
background-color: #e74c3c;
}
.progress-info .bar,
.progress-info.progress-striped .bar {
.progress-info.progress-striped .bar,
.progress .bar-info {
background-color: #3498db;
}
......
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -422,23 +422,40 @@ legend {
.box-shadow(none);
.bar {
background: @textColor;
background-color: @blueDark;
background-image: none;
.box-shadow(none);
}
&-success .bar, &-success.progress-striped .bar {
.bar + .bar {
.box-shadow(none);
}
&-striped .bar {
#gradient > .striped(@blueDark);
}
&-success .bar,
&-success.progress-striped .bar,
.bar-success {
background-color: @green;
}
&-warning .bar, &-warning.progress-striped .bar {
&-warning .bar,
&-warning.progress-striped .bar,
.bar-warning {
background-color: @yellow;
}
&-danger .bar, &-danger.progress-striped .bar {
&-danger .bar,
&-danger.progress-striped .bar,
.bar-danger {
background-color: @red;
}
&-info .bar, &-info.progress-striped .bar {
&-info .bar,
&-info.progress-striped .bar,
.bar-info {
background-color: @blue;
}
}
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment