c9b047d09773b6aa92cf28fa827f72e408ce41d0
[sdc/sdc-workflow-designer.git] /
1 @import "../default/NIV-theme.less";
2
3 .plx-ui-steps-number-active {
4         background: @default-blue;
5         color: @default-white;
6 }
7
8 .plx-ui-steps-number-passive {
9         background: @gray-grade-7;
10         color: @default-white;
11 }
12
13 .plx-ui-steps-number-visited {
14         color: @default-white;
15         border: 2px @default-blue solid;
16 }
17
18 .plx-ui-underline-active {
19         background: @default-blue;
20 }
21
22 .plx-ui-underline-passive {
23         background: @gray-grade-8;
24 }
25
26 .plx-ui-steps-title-active {
27         color: @font-gray-normal;
28 }
29
30 .plx-ui-steps-title-passive {
31         color: @font-gray-light;
32 }
33
34 .plx-ui-steps-title-visited {
35         color: @font-gray-light;
36 }
37
38 .plx-ui-steps-number-visited-tick {
39         border-bottom: 2px solid @default-blue;
40         border-right: 2px solid @default-blue;
41 }
42
43 .plx-ui-underline-active-vertical {
44         border-right: 2px solid @gray-grade-7;
45 }
46
47 .plx-ui-underline-visited-vertical {
48         border-right: 2px solid @default-blue;
49 }
50
51 .plx-ui-underline-passive-vertical {
52         border-right: 2px solid @gray-grade-7;
53 }
54
55 .plx-ui-steps-title-active-vertical {
56         color: @font-gray-normal;
57 }
58
59 .plx-ui-steps-title-visited-vertical {
60         color: @font-gray-light;
61 }
62
63 .plx-ui-steps-title-passive-vertical {
64         color: @font-gray-light;
65 }
66
67 .plx-ui-steps-number-active-vertical {
68         background: @default-blue;
69         color: @default-white;
70 }
71
72 .plx-ui-steps-number-passive-vertical {
73         background: @gray-grade-7;
74         color: @default-white;
75 }
76
77 .plx-ui-steps-number-visited-vertical {
78         color: @default-white;
79 }