Commit 9fa8bde4 authored by Mark Otto's avatar Mark Otto
Browse files

fix animated/striped gradients in progress bars

parent 4e5b0e18
Showing with 2 additions and 2 deletions
+2 -2
...@@ -3127,7 +3127,7 @@ a.thumbnail:hover { ...@@ -3127,7 +3127,7 @@ a.thumbnail:hover {
-o-transition: width 0.6s ease; -o-transition: width 0.6s ease;
transition: width 0.6s ease; transition: width 0.6s ease;
} }
.progress.striped .bar { .progress-striped .bar {
background-color: #62c462; background-color: #62c462;
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-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: -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);
......
...@@ -53,7 +53,7 @@ ...@@ -53,7 +53,7 @@
} }
// Striped bars // Striped bars
.progress.striped .bar { .progress-striped .bar {
#gradient > .striped(#62c462); #gradient > .striped(#62c462);
.background-size(40px 40px); .background-size(40px 40px);
} }
......
Supports Markdown
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