1 files changed, 35 insertions, 0 deletions
diff --git a/postcss.config.js b/postcss.config.js
new file mode 100644
index 0000000..4b131ee
--- /dev/null
+++ b/postcss.config.js
@@ -0,0 +1,35 @@
+const themeDir = __dirname + '/';
+
+const purgecss = require('@fullhuman/postcss-purgecss')({
+
+  // Specify the paths to all of the template files in your project
+  content: [
+    themeDir + 'layouts/**/*.html',
+    'layouts/**/*.html',
+    'content/**/*.html',
+  ],
+
+  // 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)
+  }
+})
+
+module.exports = {
+  plugins: [
+    require('postcss-import')({
+      path: [themeDir]
+    }),
+    require('tailwindcss')(themeDir + 'tailwind.config.js'),
+    require('autoprefixer')({
+      path: [themeDir]
+    }),
+    ...(process.env.HUGO_ENVIRONMENT === 'production' ? [purgecss] : [])
+  ]
+}
+\ No newline at end of file