1 | @import "mixins/settings.global";
|
2 |
|
3 | .c-progress {
|
4 | display: block;
|
5 | border: $progress-border;
|
6 | border-radius: $progress-border-radius;
|
7 | background-color: $progress-background-color;
|
8 | color: $progress-color;
|
9 | text-align: center;
|
10 | overflow: hidden;
|
11 | }
|
12 |
|
13 | .c-progress--rounded {
|
14 | border-radius: $progress-rounded-border-radius;
|
15 | }
|
16 |
|
17 | .c-progress__bar {
|
18 | display: block;
|
19 | height: 100%;
|
20 | float: left;
|
21 | border-radius: 0;
|
22 | background-color: $progress-bar-background-color;
|
23 | text-overflow: ellipsis;
|
24 | white-space: nowrap;
|
25 | overflow: hidden;
|
26 | }
|
27 |
|
28 | .c-progress__bar:after {
|
29 | color: transparent !important;
|
30 | content: "-";
|
31 | }
|
32 |
|
33 | .c-progress__bar--brand {
|
34 | background-color: $color-brand;
|
35 | }
|
36 |
|
37 | .c-progress__bar--info {
|
38 | background-color: $color-info;
|
39 | }
|
40 |
|
41 | .c-progress__bar--warning {
|
42 | background-color: $color-warning;
|
43 | }
|
44 |
|
45 | .c-progress__bar--success {
|
46 | background-color: $color-success;
|
47 | }
|
48 |
|
49 | .c-progress__bar--error {
|
50 | background-color: $color-error;
|
51 | }
|