diff --git a/package.json b/package.json index a9d2618a4..767c5f07f 100644 --- a/package.json +++ b/package.json @@ -48,7 +48,6 @@ "tailwindcss": "^1.9" }, "devDependencies": { - "@fullhuman/postcss-purgecss": "^3.0.0", "@graphql-codegen/cli": "^1.17.10", "@graphql-codegen/schema-ast": "^1.17.8", "@graphql-codegen/typescript": "^1.17.10", diff --git a/postcss.config.js b/postcss.config.js index ce561e206..9e0f0b2ca 100644 --- a/postcss.config.js +++ b/postcss.config.js @@ -15,23 +15,5 @@ module.exports = { }, }, ], - [ - '@fullhuman/postcss-purgecss', - { - content: ['./pages/**/*.{tsx}', './components/**/*.{tsx}'], - - // This is the function used to extract class names from your templates - defaultExtractor: (content) => { - // Capture as liberally as possible, including things like `h-(screen-1.5)` - const broadMatches = content.match(/[^<>"'`\s]*[^<>"'`\s:]/g) || [] - - // Capture classes within other delimiters like .block(class="w-1/2") in Pug - const innerMatches = - content.match(/[^<>"'`\s.()]*[^<>"'`\s.():]/g) || [] - - return broadMatches.concat(innerMatches) - }, - }, - ], ], } diff --git a/tailwind.config.js b/tailwind.config.js index 73f9dd8fe..51b5f003c 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -1,6 +1,9 @@ module.exports = { - future: { - removeDeprecatedGapUtilities: true, + purge: { + content: [ + './pages/**/*.{js,ts,jsx,tsx}', + './components/**/*.{js,ts,jsx,tsx}', + ], }, theme: { extend: { @@ -47,9 +50,5 @@ module.exports = { }, }, }, - variants: {}, plugins: [require('@tailwindcss/ui')], - experimental: { - applyComplexClasses: true, - }, }