www.aleph1.co.uk Git - yaffs-website/blob - web/core/modules/system/css/components/progress.module.css

   1 /**
   2  * @file
   3  * Progress behavior.
   4  *
   5  * @see progress.js
   6  */
   7
   8 .progress {
   9   position: relative;
  10 }
  11 .progress__track {
  12   background-color: #fff;
  13   border: 1px solid;
  14   margin-top: 5px;
  15   max-width: 100%;
  16   min-width: 100px;
  17   height: 16px;
  18 }
  19 .progress__bar {
  20   background-color: #000;
  21   height: 16px;
  22   width: 3%;
  23   min-width: 3%;
  24   max-width: 100%;
  25 }
  26 .progress__description,
  27 .progress__percentage {
  28   color: #555;
  29   overflow: hidden;
  30   font-size: .875em;
  31   margin-top: 0.2em;
  32 }
  33 .progress__description {
  34   float: left; /* LTR */
  35 }
  36 [dir="rtl"] .progress__description {
  37   float: right;
  38 }
  39 .progress__percentage {
  40   float: right; /* LTR */
  41 }
  42 [dir="rtl"] .progress__percentage {
  43   float: left;
  44 }
  45 .progress--small .progress__track {
  46   height: 7px;
  47 }
  48 .progress--small .progress__bar {
  49   height: 7px;
  50   background-size: 20px 20px;
  51 }