aboutsummaryrefslogtreecommitdiff
path: root/assets/css/bootstrap-3.3.2/progress-bars.less
diff options
context:
space:
mode:
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);
}