diff --git a/index.js b/index.js index 7a57450..d1634ed 100644 --- a/index.js +++ b/index.js @@ -4,7 +4,14 @@ module.exports = function postcssPrefixSelector(options) { return function(root) { root.walkRules(rule => { - if (rule.parent && rule.parent.name === 'keyframes') { + const keyframeRules = [ + 'keyframes', + '-webkit-keyframes', + '-moz-keyframes', + '-o-keyframes' + ]; + + if (rule.parent && keyframeRules.includes(rule.parent.name)) { return; } diff --git a/package.json b/package.json index 35fa218..c432f99 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "postcss-prefix-selector", "description": "Prefix all CSS rules with a selector", - "version": "1.7.1", + "version": "1.7.2", "author": "Jonathan Ong (http://jongleberry.com)", "contributors": [ "Valentin Radulescu (https://valentin.io)" diff --git a/test/fixtures/keyframes.css b/test/fixtures/keyframes.css index c51948a..8f1e021 100644 --- a/test/fixtures/keyframes.css +++ b/test/fixtures/keyframes.css @@ -15,3 +15,30 @@ color: red; } } + +@-webkit-keyframes glow { + from { + color: coral; + } + to { + color: red; + } +} + +@-moz-keyframes glow { + from { + color: coral; + } + to { + color: red; + } +} + +@-o-keyframes glow { + from { + color: coral; + } + to { + color: red; + } +} \ No newline at end of file diff --git a/test/fixtures/keyframes.expected.css b/test/fixtures/keyframes.expected.css index 387eafe..1458440 100644 --- a/test/fixtures/keyframes.expected.css +++ b/test/fixtures/keyframes.expected.css @@ -15,3 +15,30 @@ color: red; } } + +@-webkit-keyframes glow { + from { + color: coral; + } + to { + color: red; + } +} + +@-moz-keyframes glow { + from { + color: coral; + } + to { + color: red; + } +} + +@-o-keyframes glow { + from { + color: coral; + } + to { + color: red; + } +}