comparison 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
comparison
equal deleted inserted replaced
-1:000000000000 0:4c8ae668cc8c
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: 1.5em;
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 }