diff options
| author | Jacob Thornton <[email protected]> | 2012-01-26 21:48:46 -0800 |
|---|---|---|
| committer | Jacob Thornton <[email protected]> | 2012-01-26 21:48:46 -0800 |
| commit | dc2deb9a1b1995bbabee91bfd579d9b466fe78f2 (patch) | |
| tree | 9606da7326fd0a1e2ba1727e7390a69555bd92c3 /lib/progress-bars.less | |
| parent | e0e54d9c6cb39eae53e31117c38ceae0a08a6e0b (diff) | |
| download | bootstrap-dc2deb9a1b1995bbabee91bfd579d9b466fe78f2.tar.xz bootstrap-dc2deb9a1b1995bbabee91bfd579d9b466fe78f2.zip | |
moving structure around + more work on builder...
Diffstat (limited to 'lib/progress-bars.less')
| -rw-r--r-- | lib/progress-bars.less | 99 |
1 files changed, 0 insertions, 99 deletions
diff --git a/lib/progress-bars.less b/lib/progress-bars.less deleted file mode 100644 index ff754b817..000000000 --- a/lib/progress-bars.less +++ /dev/null @@ -1,99 +0,0 @@ -// PROGRESS BARS -// ------------- - - -// ANIMATIONS -// ---------- - -// Webkit -@-webkit-keyframes progress-bar-stripes { - from { background-position: 0 0; } - to { background-position: 40px 0; } -} - -// Temporarily commented out since LESS won't compile with this -// @-moz-keyframes progress-bar-stripes { -// from { background-position: 0 0; } -// to { background-position: 40px 0; } -// } - -// Spec -@keyframes progress-bar-stripes { - from { background-position: 0 0; } - to { background-position: 40px 0; } -} - - - -// THE BARS -// -------- - -// Common styles -.progress, -.progress .bar { - .border-radius(4px); -} - -// Outer container -.progress { - height: 18px; - margin-bottom: 18px; - #gradient > .vertical(#f5f5f5, #f9f9f9); - .box-shadow(inset 0 1px 2px rgba(0,0,0,.1)); -} - -// Bar of progress -.progress .bar { - width: 0%; - height: 18px; - color: @white; - font-size: 12px; - text-align: center; - text-shadow: 0 -1px 0 rgba(0,0,0,.25); - #gradient > .vertical(#149bdf, #0480be); - .box-shadow(inset 0 -1px 0 rgba(0,0,0,.15)); - .box-sizing(border-box); - .transition(width .6s ease); -} - -// Striped bars -.progress.striped .bar { - #gradient > .striped(#62c462); - .background-size(40px 40px); -} - -// Call animation for the active one -.progress.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; -} - - - -// COLORS -// ------ - -// Danger (red) -.progress.danger .bar { - #gradient > .vertical(#ee5f5b, #c43c35); -} -.progress.danger.striped .bar { - #gradient > .striped(#ee5f5b); -} - -// Success (green) -.progress.success .bar { - #gradient > .vertical(#62c462, #57a957); -} -.progress.success.striped .bar { - #gradient > .striped(#62c462); -} - -// Info (teal) -.progress.info .bar { - #gradient > .vertical(#5bc0de, #339bb9); -} -.progress.info.striped .bar { - #gradient > .striped(#5bc0de); -} |
