annotate core/themes/stable/css/system/components/progress.module.css @ 0:4c8ae668cc8c

Initial import (non-working)
author Chris Cannam
date Wed, 29 Nov 2017 16:09:58 +0000
parents
children 1fec387a4317
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@0 12 background-color: #fff;
Chris@0 13 border: 1px solid;
Chris@0 14 margin-top: 5px;
Chris@0 15 max-width: 100%;
Chris@0 16 min-width: 100px;
Chris@0 17 height: 16px;
Chris@0 18 }
Chris@0 19 .progress__bar {
Chris@0 20 background-color: #000;
Chris@0 21 height: 1.5em;
Chris@0 22 width: 3%;
Chris@0 23 min-width: 3%;
Chris@0 24 max-width: 100%;
Chris@0 25 }
Chris@0 26 .progress__description,
Chris@0 27 .progress__percentage {
Chris@0 28 color: #555;
Chris@0 29 overflow: hidden;
Chris@0 30 font-size: .875em;
Chris@0 31 margin-top: 0.2em;
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 }