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
|
.first-transform() {
transform+: rotate(90deg), skew(30deg);
}
.second-transform() {
transform+: scale(2,4);
}
.third-transform() {
transform: scaleX(45deg);
}
.fourth-transform() {
transform+: scaleX(45deg);
}
.fifth-transform() {
transform+: scale(2,4) !important;
}
.first-background() {
background+: url(data://img1.png);
}
.second-background() {
background+: url(data://img2.png);
}
.test1 {
// Can merge values
.first-transform();
.second-transform();
}
.test2 {
// Wont merge values without +: merge directive, for backwards compatibility with css
.first-transform();
.third-transform();
}
.test3 {
// Wont merge values from two sources with different properties
.fourth-transform();
.first-background();
}
.test4 {
// Wont merge values from sources that merked as !important, for backwards compatibility with css
.first-transform();
.fifth-transform();
}
.test5 {
// Wont merge values from mixins that merked as !important, for backwards compatibility with css
.first-transform();
.second-transform() !important;
}
.test6 {
// Ignores !merge if no peers found
.second-transform();
}
.test-interleaved {
transform+: t1;
background+: b1;
transform+: t2;
background+: b2, b3;
transform+: t3;
}
|
