aboutsummaryrefslogtreecommitdiff
path: root/lib/progress-bars.less
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2012-01-07 13:52:36 -0800
committerMark Otto <[email protected]>2012-01-07 13:52:36 -0800
commit418e2c7d58d9fc6a126a58427b14a2cf68f97423 (patch)
treea9b427a23796162fd8ec3a79e85023931b2970ec /lib/progress-bars.less
parentb81b0e2b15abf4068f55d0055a10c8f5a16aece8 (diff)
parent3eb80591b2c8bb2850caf27da7d6b8c8b747063a (diff)
downloadbootstrap-418e2c7d58d9fc6a126a58427b14a2cf68f97423.tar.xz
bootstrap-418e2c7d58d9fc6a126a58427b14a2cf68f97423.zip
Merge branch '2.0-wip' of https://github.com/pokonski/bootstrap into pokonski-2.0-wip
Conflicts: bootstrap.css
Diffstat (limited to 'lib/progress-bars.less')
-rw-r--r--lib/progress-bars.less102
1 files changed, 102 insertions, 0 deletions
diff --git a/lib/progress-bars.less b/lib/progress-bars.less
new file mode 100644
index 000000000..1a9afb275
--- /dev/null
+++ b/lib/progress-bars.less
@@ -0,0 +1,102 @@
+@-webkit-keyframes progress-bar-stripes {
+ from {
+ background-position: 0 0;
+ }
+ to {
+ background-position: 40px 0;
+ }
+}
+
+/* COMMENTED OUT SO LESS COMPILES
+@-moz-keyframes progress-bar-stripes {
+ from {
+ background-position: 0 0;
+ }
+ to {
+ background-position: 40px 0;
+ }
+}
+*/
+
+@keyframes progress-bar-stripes {
+ from {
+ background-position: 0 0;
+ }
+ to {
+ background-position: 40px 0;
+ }
+}
+
+.progress {
+ height: 25px;
+ margin-bottom: 18px;
+ overflow: hidden;
+ .box-shadow(inset 0 1px 1px 0 rgba(0,0,0,.3), 0 1px 0 0 #fff);
+ #gradient > .vertical(#fff, #f5f5f5);
+ .border-radius(10px);
+ border: 1px solid #ddd;
+ border-color: rgba(0,0,0,.0);
+ &.active {
+ .bar {
+ -webkit-animation: progress-bar-stripes 2s linear infinite;
+ -moz-animation: progress-bar-stripes 2s linear infinite;
+ animation: progress-bar-stripes 2s linear infinite;
+ }
+ }
+ &.animated {
+ .bar {
+ .transition(width .6s ease);
+ }
+ }
+ &.danger,
+ &.error {
+ .bar {
+ #gradient > .vertical(#ee5f5b, #c43c35);
+ }
+ &.striped {
+ .bar {
+ .background-size(40px, 40px);
+ #gradient > .striped(#ee5f5b);
+ }
+ }
+ }
+ &.success {
+ .bar {
+ #gradient > .vertical(#62c462, #57a957);
+ }
+ &.striped {
+ .bar {
+ .background-size(40px, 40px);
+ #gradient > .striped(#62c462);
+ }
+ }
+ }
+ &.info {
+ .bar {
+ #gradient > .vertical(#5bc0de, #339bb9);
+ }
+ &.striped {
+ .bar {
+ .background-size(40px, 40px);
+ #gradient > .striped(#5bc0de);
+ }
+ }
+ }
+ &.striped {
+ .bar {
+ .background-size(40px, 40px);
+ #gradient > .striped(#62c462);
+ }
+ }
+ .bar {
+ width: 0%;
+ height: 100%;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ .gradientBar(#62c462, #57a957);
+ @shadow: inset 0 2px 0 rgba(255,255,255,.2), inset -1px -1px 0 rgba(0,0,0,.25),inset 1px 1px 0 rgba(0,0,0,.25);
+ .box-shadow(@shadow);
+ .border-radius(10px);
+ }
+} \ No newline at end of file