functions-each.less
1.05 KB
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
70
71
72
73
74
75
76
77
78
79
80
81
@selectors: blue, green, red;
@list: a b c d;
each(@selectors, {
.sel-@{value} {
a: b;
}
});
.each {
each(@list, {
index+: @index;
item@{index}: @value;
});
// nested each
each(10px 15px, 20px 25px; {
// demonstrates nesting of each()
each(@value; #(@v, @k, @i) {
nest-@{i}-@{index}: @v @k;
});
});
// nested anonymous mixin
.nest-anon {
each(a b, .(@v;@i) {
each(c d, .(@vv;@ii) {
nest-@{i}-@{ii}: @v @vv;
});
});
}
// vector math
each(1 2 3 4, {
padding+_: (@value * 10px);
});
}
@set: {
one: blue;
two: green;
three: red;
}
.set {
each(@set, {
@{key}: @value;
});
}
.set-2() {
one: blue;
two: green;
three: red;
}
.set-2 {
each(.set-2(), .(@v, @k, @i) {
@{k}-@{i}: @v;
});
}
.pick(@a) when (@a = 4) {
val3: @a;
}
.single {
each(true, {
val: @value;
});
@exp: 1 + 1;
each(@exp, {
val2: @value;
});
each(1 2 3 4, {
.pick(@value);
});
}
@list: a b c d;
.box {
each(@list, {
-less-log: extract(@list, @index);
})
}