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 }