From dc2deb9a1b1995bbabee91bfd579d9b466fe78f2 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Thu, 26 Jan 2012 21:48:46 -0800 Subject: moving structure around + more work on builder... --- lib/progress-bars.less | 99 -------------------------------------------------- 1 file changed, 99 deletions(-) delete mode 100644 lib/progress-bars.less (limited to 'lib/progress-bars.less') 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); -} -- cgit v1.2.3