-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.js
119 lines (68 loc) · 2.34 KB
/
index.js
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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
var postcss = require('postcss');
module.exports = postcss.plugin('postcss-join-transitions', function () {
// Work with options here
return function (root) {
// iterate over rules
iterateRules( root.nodes );
};
function iterateRules( nodes ) {
for (var i = 0; i < nodes.length; i++) {
var rule = nodes[i];
if ( rule.type === 'rule' ) {
mergeTransitions( rule );
} else if (rule.type === 'atrule' && rule.name === 'media') {
iterateRules( rule.nodes );
}
}
}
function mergeTransitions( rule ) {
// iterate over declarations in rule
var transitions = [];
var webkitTransitions = [];
var oTransitions = [];
var ii = 0;
var ll = rule.nodes.length;
while ( ii < ll ) {
if ( rule.nodes[ii].prop === 'transition' ) {
// if transition declaration is found, store in array and remove from rule
transitions.push(rule.nodes[ii].value);
rule.nodes[ii].remove();
ll--;
} else
if ( rule.nodes[ii].prop === '-webkit-transition' ) {
webkitTransitions.push(rule.nodes[ii].value);
rule.nodes[ii].remove();
ll--;
} else
if ( rule.nodes[ii].prop === '-o-transition' ) {
oTransitions.push(rule.nodes[ii].value);
rule.nodes[ii].remove();
ll--;
} else {
ii++;
}
}
// when reached end of rule, join transitions and append as single rule, clear array
if ( transitions.length > 0 ) {
rule.append({
prop: 'transition',
value: transitions.join(', ')
});
transitions = [];
}
if ( webkitTransitions.length > 0 ) {
rule.append({
prop: '-webkit-transition',
value: webkitTransitions.join(', ')
});
webkitTransitions = [];
}
if ( oTransitions.length > 0 ) {
rule.append({
prop: '-o-transition',
value: oTransitions.join(', ')
});
oTransitions = [];
}
}
});