-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.less
48 lines (44 loc) · 1011 Bytes
/
index.less
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
@prefix: lai;
@sizeList: small, middle, large;
@large-width: 56px;
@large-height: 22px;
@middle-width: 44px;
@middle-height: 22px;
@small-width: 28px;
@small-height: 16px;
.loop(@i) when (@i <= length(@sizeList)) {
@type: extract(@sizeList, @i);
@width: "@{type}-width";
@height: "@{type}-height";
.@{prefix}-switch__@{type} {
&.@{prefix}-switch__checked {
background-color: #7983ff;
.@{prefix}-switch-label:after {
transform: translateX(@@height);
}
}
.@{prefix}-switch-label {
width: @@width;
height: @@height;
&:after {
width: @@height - 2px;
height: @@height - 2px;
}
}
}
.loop((@i + 1));
}
div {
.loop(1);
}
// .loop(@i) when (@i < length(@sizeList)) {
// .switch-label__extract(@sizeList, @i) {
// width: "{extract(@sizeList, @i)}-width";
// height: "{extract(@sizeList, @i)}-height";
// }
// .loop((@i+1))
// }
//
// div {
// .loop(0)
// }