fix: use more strict regex for matching css animation rules

vuejs · Apr 24, 2018 · 4644727 · 4644727
1 parent f2fd8b9
commit 4644727
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/lib/stylePlugins/scoped.ts b/lib/stylePlugins/scoped.ts
@@ -57,13 +57,13 @@ export default postcss.plugin('add-id', (options: any) => (root: Root) => {
   if (Object.keys(keyframes).length) {
     root.walkDecls(decl => {
       // individual animation-name declaration
-      if (/-?animation-name$/.test(decl.prop)) {
+      if (/^(-\w+-)?animation-name$/.test(decl.prop)) {
         decl.value = decl.value.split(',')
           .map(v => keyframes[v.trim()] || v.trim())
           .join(',')
       }
       // shorthand
-      if (/-?animation$/.test(decl.prop)) {
+      if (/^(-\w+-)?animation$/.test(decl.prop)) {
         decl.value = decl.value.split(',')
           .map(v => {
             const vals = v.trim().split(/\s+/)