Mercurial > hg > isophonics-drupal-site
annotate core/modules/system/css/components/progress.module.css @ 19:fa3358dc1485 tip
Add ndrum files
author | Chris Cannam |
---|---|
date | Wed, 28 Aug 2019 13:14:47 +0100 |
parents | af1871eacc83 |
children |
rev | line source |
---|---|
Chris@0 | 1 /** |
Chris@0 | 2 * @file |
Chris@0 | 3 * Progress behavior. |
Chris@0 | 4 * |
Chris@0 | 5 * @see progress.js |
Chris@0 | 6 */ |
Chris@0 | 7 |
Chris@0 | 8 .progress { |
Chris@0 | 9 position: relative; |
Chris@0 | 10 } |
Chris@0 | 11 .progress__track { |
Chris@18 | 12 min-width: 100px; |
Chris@18 | 13 max-width: 100%; |
Chris@18 | 14 height: 16px; |
Chris@18 | 15 margin-top: 5px; |
Chris@18 | 16 border: 1px solid; |
Chris@0 | 17 background-color: #fff; |
Chris@0 | 18 } |
Chris@0 | 19 .progress__bar { |
Chris@0 | 20 width: 3%; |
Chris@0 | 21 min-width: 3%; |
Chris@0 | 22 max-width: 100%; |
Chris@18 | 23 height: 16px; |
Chris@18 | 24 background-color: #000; |
Chris@0 | 25 } |
Chris@0 | 26 .progress__description, |
Chris@0 | 27 .progress__percentage { |
Chris@18 | 28 overflow: hidden; |
Chris@18 | 29 margin-top: 0.2em; |
Chris@0 | 30 color: #555; |
Chris@14 | 31 font-size: 0.875em; |
Chris@0 | 32 } |
Chris@0 | 33 .progress__description { |
Chris@0 | 34 float: left; /* LTR */ |
Chris@0 | 35 } |
Chris@0 | 36 [dir="rtl"] .progress__description { |
Chris@0 | 37 float: right; |
Chris@0 | 38 } |
Chris@0 | 39 .progress__percentage { |
Chris@0 | 40 float: right; /* LTR */ |
Chris@0 | 41 } |
Chris@0 | 42 [dir="rtl"] .progress__percentage { |
Chris@0 | 43 float: left; |
Chris@0 | 44 } |
Chris@0 | 45 .progress--small .progress__track { |
Chris@0 | 46 height: 7px; |
Chris@0 | 47 } |
Chris@0 | 48 .progress--small .progress__bar { |
Chris@0 | 49 height: 7px; |
Chris@0 | 50 background-size: 20px 20px; |
Chris@0 | 51 } |