You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
79 lines
1.6 KiB
79 lines
1.6 KiB
let Declaration = require('../declaration') |
|
|
|
class TransformDecl extends Declaration { |
|
/** |
|
* Recursively check all parents for @keyframes |
|
*/ |
|
keyframeParents(decl) { |
|
let { parent } = decl |
|
while (parent) { |
|
if (parent.type === 'atrule' && parent.name === 'keyframes') { |
|
return true |
|
} |
|
;({ parent } = parent) |
|
} |
|
return false |
|
} |
|
|
|
/** |
|
* Is transform contain 3D commands |
|
*/ |
|
contain3d(decl) { |
|
if (decl.prop === 'transform-origin') { |
|
return false |
|
} |
|
|
|
for (let func of TransformDecl.functions3d) { |
|
if (decl.value.includes(`${func}(`)) { |
|
return true |
|
} |
|
} |
|
|
|
return false |
|
} |
|
|
|
/** |
|
* Replace rotateZ to rotate for IE 9 |
|
*/ |
|
set(decl, prefix) { |
|
decl = super.set(decl, prefix) |
|
if (prefix === '-ms-') { |
|
decl.value = decl.value.replace(/rotatez/gi, 'rotate') |
|
} |
|
return decl |
|
} |
|
|
|
/** |
|
* Don't add prefix for IE in keyframes |
|
*/ |
|
insert(decl, prefix, prefixes) { |
|
if (prefix === '-ms-') { |
|
if (!this.contain3d(decl) && !this.keyframeParents(decl)) { |
|
return super.insert(decl, prefix, prefixes) |
|
} |
|
} else if (prefix === '-o-') { |
|
if (!this.contain3d(decl)) { |
|
return super.insert(decl, prefix, prefixes) |
|
} |
|
} else { |
|
return super.insert(decl, prefix, prefixes) |
|
} |
|
return undefined |
|
} |
|
} |
|
|
|
TransformDecl.names = ['transform', 'transform-origin'] |
|
|
|
TransformDecl.functions3d = [ |
|
'matrix3d', |
|
'translate3d', |
|
'translateZ', |
|
'scale3d', |
|
'scaleZ', |
|
'rotate3d', |
|
'rotateX', |
|
'rotateY', |
|
'perspective' |
|
] |
|
|
|
module.exports = TransformDecl
|
|
|