1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/static/less/progress-bars.less	Fri Dec 20 22:30:44 2013 +0100
     1.3 @@ -0,0 +1,80 @@
     1.4 +//
     1.5 +// Progress bars
     1.6 +// --------------------------------------------------
     1.7 +
     1.8 +
     1.9 +// Bar animations
    1.10 +// -------------------------
    1.11 +
    1.12 +// WebKit
    1.13 +@-webkit-keyframes progress-bar-stripes {
    1.14 +  from  { background-position: 40px 0; }
    1.15 +  to    { background-position: 0 0; }
    1.16 +}
    1.17 +
    1.18 +// Spec and IE10+
    1.19 +@keyframes progress-bar-stripes {
    1.20 +  from  { background-position: 40px 0; }
    1.21 +  to    { background-position: 0 0; }
    1.22 +}
    1.23 +
    1.24 +
    1.25 +
    1.26 +// Bar itself
    1.27 +// -------------------------
    1.28 +
    1.29 +// Outer container
    1.30 +.progress {
    1.31 +  overflow: hidden;
    1.32 +  height: @line-height-computed;
    1.33 +  margin-bottom: @line-height-computed;
    1.34 +  background-color: @progress-bg;
    1.35 +  border-radius: @border-radius-base;
    1.36 +  .box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
    1.37 +}
    1.38 +
    1.39 +// Bar of progress
    1.40 +.progress-bar {
    1.41 +  float: left;
    1.42 +  width: 0%;
    1.43 +  height: 100%;
    1.44 +  font-size: @font-size-small;
    1.45 +  line-height: @line-height-computed;
    1.46 +  color: @progress-bar-color;
    1.47 +  text-align: center;
    1.48 +  background-color: @progress-bar-bg;
    1.49 +  .box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
    1.50 +  .transition(width .6s ease);
    1.51 +}
    1.52 +
    1.53 +// Striped bars
    1.54 +.progress-striped .progress-bar {
    1.55 +  #gradient > .striped();
    1.56 +  background-size: 40px 40px;
    1.57 +}
    1.58 +
    1.59 +// Call animation for the active one
    1.60 +.progress.active .progress-bar {
    1.61 +  .animation(progress-bar-stripes 2s linear infinite);
    1.62 +}
    1.63 +
    1.64 +
    1.65 +
    1.66 +// Variations
    1.67 +// -------------------------
    1.68 +
    1.69 +.progress-bar-success {
    1.70 +  .progress-bar-variant(@progress-bar-success-bg);
    1.71 +}
    1.72 +
    1.73 +.progress-bar-info {
    1.74 +  .progress-bar-variant(@progress-bar-info-bg);
    1.75 +}
    1.76 +
    1.77 +.progress-bar-warning {
    1.78 +  .progress-bar-variant(@progress-bar-warning-bg);
    1.79 +}
    1.80 +
    1.81 +.progress-bar-danger {
    1.82 +  .progress-bar-variant(@progress-bar-danger-bg);
    1.83 +}