From 0b1217e79ea828bbda60e0c9a9b262e894563f46 Mon Sep 17 00:00:00 2001
From: Zhe Zhang <neomana@gmail.com>
Date: Sat, 18 Jan 2020 05:02:38 +0800
Subject: [PATCH] Update with-tailwindcss example (#10141)

Co-authored-by: Joe Haddad <timer150@gmail.com>
---
 examples/with-tailwindcss/package.json      | 13 ++++++-------
 examples/with-tailwindcss/pages/index.js    |  2 +-
 examples/with-tailwindcss/postcss.config.js |  3 +--
 examples/with-tailwindcss/styles/index.css  |  2 +-
 4 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/examples/with-tailwindcss/package.json b/examples/with-tailwindcss/package.json
index 7174ceb2261ea43..12df82de292e1be 100644
--- a/examples/with-tailwindcss/package.json
+++ b/examples/with-tailwindcss/package.json
@@ -7,15 +7,14 @@
     "start": "next start"
   },
   "dependencies": {
-    "next": "^9.1.8-canary.11",
-    "react": "^16.7.0",
-    "react-dom": "^16.7.0"
+    "next": "^9.2.0",
+    "react": "^16.12.0",
+    "react-dom": "^16.12.0"
   },
   "devDependencies": {
     "@fullhuman/postcss-purgecss": "^1.3.0",
-    "autoprefixer": "^9.6.5",
-    "cssnano": "^4.1.0",
-    "postcss-easy-import": "^3.0.0",
-    "tailwindcss": "^1.0.1"
+    "autoprefixer": "^9.7.4",
+    "postcss-import": "^12.0.1",
+    "tailwindcss": "^1.1.4"
   }
 }
diff --git a/examples/with-tailwindcss/pages/index.js b/examples/with-tailwindcss/pages/index.js
index 96ffe4bc8ceb113..7227ceafb6fe904 100644
--- a/examples/with-tailwindcss/pages/index.js
+++ b/examples/with-tailwindcss/pages/index.js
@@ -4,7 +4,7 @@ export default () => (
   <div>
     <Nav />
     <div className="hero">
-      <h1 className="title">Next.js + Tailwind css</h1>
+      <h1 className="title">Next.js + Tailwind CSS</h1>
     </div>
   </div>
 )
diff --git a/examples/with-tailwindcss/postcss.config.js b/examples/with-tailwindcss/postcss.config.js
index e6fd64483bff4ce..cf3158c4b64da02 100644
--- a/examples/with-tailwindcss/postcss.config.js
+++ b/examples/with-tailwindcss/postcss.config.js
@@ -9,8 +9,7 @@ module.exports = {
               './pages/**/*.{js,jsx,ts,tsx}',
               './components/**/*.{js,jsx,ts,tsx}',
             ],
-            defaultExtractor: content =>
-              content.match(/[A-Za-z0-9-_:/]+/g) || [],
+            defaultExtractor: content => content.match(/[\w-/:]+(?<!:)/g) || [],
           },
         ]
       : undefined,
diff --git a/examples/with-tailwindcss/styles/index.css b/examples/with-tailwindcss/styles/index.css
index 2d0bb03d9619091..0338017f5bda5c4 100644
--- a/examples/with-tailwindcss/styles/index.css
+++ b/examples/with-tailwindcss/styles/index.css
@@ -2,8 +2,8 @@
 
 /* purgecss start ignore */
 @tailwind base;
-/* purgecss end ignore */
 @tailwind components;
+/* purgecss end ignore */
 @tailwind utilities;
 
 .hero {