fix: Keep keyframe decimals for prefixed @Keyframes (#749)

FullHuman · Oct 3, 2021 · b804441 · b804441
1 parent b0adcd0
commit b804441
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 1 deletion.
diff --git a/packages/purgecss/__tests__/keyframes.test.ts b/packages/purgecss/__tests__/keyframes.test.ts
@@ -90,3 +90,34 @@ describe("keep keyframe decimals", () => {
     expect(purgedCSS.includes("99.9%")).toBe(true);
   });
 });
+
+describe("keep webkit keyframe decimals", () => {
+  let purgedCSS: string;
+  beforeAll(async () => {
+    const resultsPurge = await new PurgeCSS().purge({
+      content: [
+        {
+          raw: '<div class="xx"></div>',
+          extension: "html",
+        },
+      ],
+      css: [
+        {
+          raw: `
+              @-webkit-keyframes xxx {
+                  0% {opacity: 0;}
+                  99.9% {opacity: 1;}
+              }
+              .xx { animation: xxx 200ms linear both }
+              `,
+        },
+      ],
+      keyframes: false,
+    });
+    purgedCSS = resultsPurge[0].css;
+  });
+
+  it("keeps `99.9%`", () => {
+    expect(purgedCSS.includes("99.9%")).toBe(true);
+  });
+});
diff --git a/packages/purgecss/src/index.ts b/packages/purgecss/src/index.ts
@@ -439,7 +439,7 @@ class PurgeCSS {
     if (
       node.parent &&
       isPostCSSAtRule(node.parent) &&
-      node.parent.name === "keyframes"
+      node.parent.name.endsWith("keyframes")
     ) {
       return;
     }