Update with-tailwindcss example (#10141)

Co-authored-by: Joe Haddad <timer150@gmail.com>
vercel · Jan 17, 2020 · 0b1217e · 0b1217e
1 parent 15cffd0
commit 0b1217e
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 11 deletions.
diff --git 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
@@ -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
@@ -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
@@ -2,8 +2,8 @@
 
 /* purgecss start ignore */
 @tailwind base;
-/* purgecss end ignore */
 @tailwind components;
+/* purgecss end ignore */
 @tailwind utilities;
 
 .hero {