blob: 8b777923a0cb5e0ae0adda2b4897c9c62a66ff5f (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
|
@circle-radius: 18px;
@gap: 70px;
@gap-width: 2px;
@valid-width: 2px;
ul.sdc-wizard-step {
padding: 0;
margin: 0;
li.step {
position: relative;
list-style: none;
.step-wrapper {
line-height: @circle-radius*2;
height: @circle-radius*2;
margin-bottom: @gap;
button.step-index {
._w-sdc-wizard-step-btn(@circle-radius);
z-index: 99;
display: inline-block;
&.valid {
display: inline-block;
}
}
span.step-name {
.b_7;
line-height: @circle-radius;
display: inline-block;
word-wrap: break-word;
width: calc(~"100%" - @circle-radius*2 + 4);
vertical-align: middle;
padding-left: 10px;
white-space: normal;
&.selected {
.a_7;
font-weight: bold;
}
&.disabled {
border: none;
background-color: transparent;
}
}
}
.step-seperator {
border-right: @gap-width solid @color_n;
height: @gap + @circle-radius*2;
position: absolute;
top: @circle-radius*2-@circle-radius;
left: @circle-radius - @gap-width/2;
}
}
li.step:last-child {
.step-seperator {
display: none;
}
}
}
|
