Merge branch 'master' into master

FullHuman · Mar 14, 2021 · 50c8d71 · 50c8d71
2 parents ef2f5f7 + 9b0fdc3
commit 50c8d71
Show file tree

Hide file tree

Showing 11 changed files with 1,439 additions and 996 deletions.
diff --git a/README.md b/README.md
@@ -19,7 +19,8 @@ This is where PurgeCSS comes into play. PurgeCSS analyzes your content and your
 
 ## Sponsors 🥰
 
-[<img src="https://avatars0.githubusercontent.com/u/67109815?v=4" height="85">](https://tailwindcss.com)
+[<img src="https://avatars0.githubusercontent.com/u/67109815?v=4" height="85" style="margin-right: 10px">](https://tailwindcss.com)
+[<img src="https://avatars.githubusercontent.com/u/6852555?&v=4" height="85">](https://vertistudio.com/)
 
 ## Documentation
 

diff --git a/docs/README.md b/docs/README.md
@@ -3,9 +3,9 @@ title: PurgeCSS - Remove unused CSS
 lang: en-US
 meta:
   - name: description
-    content: PurgeCSS is a tool to remove unused CSS that you're not using in your project. It can be used as part of your development workflow. PurgeCSS comes with a JavaScript API, a CLI, and plugins for popular build tools.
+    content: PurgeCSS is a tool to remove unused CSS from your project. It can be used as part of your development workflow. PurgeCSS comes with a JavaScript API, a CLI, and plugins for popular build tools.
   - itemprop: description
-    content: PurgeCSS is a tool to remove unused CSS that you're not using in your project. It can be used as part of your development workflow. PurgeCSS comes with a JavaScript API, a CLI, and plugins for popular build tools.
+    content: PurgeCSS is a tool to remove unused CSS from your project. It can be used as part of your development workflow. PurgeCSS comes with a JavaScript API, a CLI, and plugins for popular build tools.
   - property: og:url
     content:  https://purgecss.com
   - property: og:site_name
@@ -19,7 +19,7 @@ meta:
   - property: og:title
     content: Remove unused CSS - PurgeCSS
   - property: og:description
-    content: PurgeCSS is a tool to remove unused CSS that you're not using in your project. It can be used as part of your development workflow. PurgeCSS comes with a JavaScript API, a CLI, and plugins for popular build tools.
+    content: PurgeCSS is a tool to remove unused CSS from your project. It can be used as part of your development workflow. PurgeCSS comes with a JavaScript API, a CLI, and plugins for popular build tools.
 
 
 ---
@@ -37,8 +37,8 @@ This is where PurgeCSS comes into play. PurgeCSS analyzes your content and your
 
 ## Sponsors 🥰
 
-[<img src="https://avatars0.githubusercontent.com/u/67109815?v=4" height="85">](https://tailwindcss.com)
-
+[<img src="https://avatars0.githubusercontent.com/u/67109815?v=4" height="85" style="margin-right: 10px">](https://tailwindcss.com)
+[<img src="https://avatars.githubusercontent.com/u/6852555?&v=4" height="85">](https://vertistudio.com/)
 
 ## Table of Contents
 

diff --git a/docs/plugins/gulp.md b/docs/plugins/gulp.md
@@ -3,9 +3,9 @@ title: Gulp | PurgeCSS
 lang: en-US
 meta:
   - name: description
-    content: PurgeCSS is a tool to remove unused CSS that you're not using in your project. You can use it with gulp plugin.
+    content: PurgeCSS is a tool to remove unused CSS from your project. You can use it with gulp plugin.
   - itemprop: description
-    content: PurgeCSS is a tool to remove unused CSS that you're not using in your project. You can use it with gulp plugin.
+    content: PurgeCSS is a tool to remove unused CSS from your project. You can use it with gulp plugin.
   - property: og:url
     content:  https://purgecss.com/plugins/gulp
   - property: og:site_name
@@ -19,7 +19,7 @@ meta:
   - property: og:title
     content: Remove unused CSS - PurgeCSS
   - property: og:description
-    content: PurgeCSS is a tool to remove unused CSS that you're not using in your project. You can use it with gulp plugin.
+    content: PurgeCSS is a tool to remove unused CSS from your project. You can use it with gulp plugin.
 ---
 
 # Gulp

diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/purgecss-webpack-plugin/package-lock.json b/packages/purgecss-webpack-plugin/package-lock.json
diff --git a/packages/purgecss/README.md b/packages/purgecss/README.md
@@ -19,7 +19,8 @@ This is where PurgeCSS comes into play. PurgeCSS analyzes your content and your
 
 ## Sponsors 🥰
 
-[<img src="https://avatars0.githubusercontent.com/u/67109815?v=4" height="85">](https://tailwindcss.com)
+[<img src="https://avatars0.githubusercontent.com/u/67109815?v=4" height="85" style="margin-right: 10px">](https://tailwindcss.com)
+[<img src="https://avatars.githubusercontent.com/u/6852555?&v=4" height="85">](https://vertistudio.com/)
 
 ## Documentation
 

diff --git a/packages/purgecss/__tests__/attributes.test.ts b/packages/purgecss/__tests__/attributes.test.ts
@@ -1,5 +1,4 @@
 import PurgeCSS from "./../src/index";
-
 import { ROOT_TEST_EXAMPLES } from "./utils";
 
 describe("attributes", () => {
@@ -9,6 +8,7 @@ describe("attributes", () => {
     const resultsPurge = await new PurgeCSS().purge({
       content: [`${ROOT_TEST_EXAMPLES}attributes/attribute_selector.html`],
       css: [`${ROOT_TEST_EXAMPLES}attributes/attribute_selector.css`],
+      dynamicAttributes: ["aria-selected"],
     });
     purgedCSS = resultsPurge[0].css;
   });
@@ -72,4 +72,8 @@ describe("attributes", () => {
     expect(purgedCSS.includes('[class*=" class2"]')).toBe(true);
     expect(purgedCSS.includes('[class*="class1 class2 "]')).toBe(true);
   });
+
+  it("keeps dynamic attributes", () => {
+    expect(purgedCSS.includes("[aria-selected]")).toBe(true);
+  });
 });
diff --git a/packages/purgecss/__tests__/test_examples/attributes/attribute_selector.css b/packages/purgecss/__tests__/test_examples/attributes/attribute_selector.css
@@ -80,4 +80,8 @@ a[title*="fat"] {
 }
 [class*="class1 class2 "] {
   color: blue;
-}
+}
+
+[aria-selected] {
+  font-weight: 700;
+}