git.roojs.org Git - bootswatch/blob - AdminLTE-master/less/progress-bars.less

   1 /*
   2     Compenent: Progress bars
   3 --------------------------------
   4 */
   5
   6 /* size variation */
   7 .progress.sm {
   8     height: 10px;
   9 }
  10 .progress.xs {
  11     height: 7px;
  12 }
  13
  14 /* Vertical bars */
  15 .progress.vertical {
  16     position: relative;
  17     width: 30px;
  18     height: 200px;
  19     display: inline-block;
  20     margin-right: 10px;
  21     > .progress-bar {
  22         width: 100%!important;
  23         position: absolute;
  24         bottom: 0;
  25     }
  26
  27     //Sizes
  28     &.sm {
  29         width: 20px;
  30     }
  31
  32     &.xs {
  33         width: 10px;
  34     }
  35 }
  36 /* Remove margins from progress bars when put in a table */
  37 .table {
  38     tr > td .progress {
  39         margin: 0;
  40     }
  41 }
  42
  43 // Variations
  44 // -------------------------
  45 .progress-bar-light-blue, .progress-bar-primary {
  46     .progress-bar-variant(@light-blue);
  47 }
  48 .progress-bar-green, .progress-bar-success {
  49     .progress-bar-variant(@green);
  50 }
  51
  52 .progress-bar-aqua, .progress-bar-info {
  53     .progress-bar-variant(@aqua);
  54 }
  55
  56 .progress-bar-yellow, .progress-bar-warning {
  57     .progress-bar-variant(@yellow);
  58 }
  59
  60 .progress-bar-red, .progress-bar-danger {
  61     .progress-bar-variant(@red);
  62 }