src/ceph/src/pybind/mgr/dashboard/static/AdminLTE-2.3.7/build/less/progress-bars.less

   1 /*
   2  * Component: Progress Bar
   3  * -----------------------
   4  */
   5
   6 //General CSS
   7 .progress,
   8 .progress > .progress-bar {
   9   .box-shadow(none);
  10   &, .progress-bar {
  11     .border-radius(@progress-bar-border-radius);
  12   }
  13 }
  14
  15 /* size variation */
  16 .progress.sm,
  17 .progress-sm {
  18   height: 10px;
  19   &, .progress-bar {
  20     .border-radius(@progress-bar-sm-border-radius);
  21   }
  22 }
  23
  24 .progress.xs,
  25 .progress-xs {
  26   height: 7px;
  27   &, .progress-bar {
  28     .border-radius(@progress-bar-xs-border-radius);
  29   }
  30 }
  31
  32 .progress.xxs,
  33 .progress-xxs {
  34   height: 3px;
  35   &, .progress-bar {
  36     .border-radius(@progress-bar-xs-border-radius);
  37   }
  38 }
  39
  40 /* Vertical bars */
  41 .progress.vertical {
  42   position: relative;
  43   width: 30px;
  44   height: 200px;
  45   display: inline-block;
  46   margin-right: 10px;
  47   > .progress-bar {
  48     width: 100%;
  49     position: absolute;
  50     bottom: 0;
  51   }
  52
  53   //Sizes
  54   &.sm,
  55   &.progress-sm {
  56     width: 20px;
  57   }
  58
  59   &.xs,
  60   &.progress-xs {
  61     width: 10px;
  62   }
  63   &.xxs,
  64   &.progress-xxs {
  65     width: 3px;
  66   }
  67 }
  68
  69 //Progress Groups
  70 .progress-group {
  71   .progress-text {
  72     font-weight: 600;
  73   }
  74   .progress-number {
  75     float: right;
  76   }
  77 }
  78
  79 /* Remove margins from progress bars when put in a table */
  80 .table {
  81   tr > td .progress {
  82     margin: 0;
  83   }
  84 }
  85
  86 // Variations
  87 // -------------------------
  88 .progress-bar-light-blue,
  89 .progress-bar-primary {
  90   .progress-bar-variant(@light-blue);
  91 }
  92
  93 .progress-bar-green,
  94 .progress-bar-success {
  95   .progress-bar-variant(@green);
  96 }
  97
  98 .progress-bar-aqua,
  99 .progress-bar-info {
 100   .progress-bar-variant(@aqua);
 101 }
 102
 103 .progress-bar-yellow,
 104 .progress-bar-warning {
 105   .progress-bar-variant(@yellow);
 106 }
 107
 108 .progress-bar-red,
 109 .progress-bar-danger {
 110   .progress-bar-variant(@red);
 111 }