tailwind

.gitignore

@@ -10,3 +10,5 @@ disablesignups
 venv/
 .vscode/
 disablesignups
+.sass-cache/
+node_modules/

files/__main__.py

@@ -3,6 +3,7 @@ gevent.monkey.patch_all()
 from os import environ
 import secrets
 from flask import *
+from flask_assets import Bundle, Environment
 from flask_caching import Cache
 from flask_limiter import Limiter
 from flask_compress import Compress
@@ -88,6 +89,13 @@ cache = Cache(app)
 Compress(app)
 mail = Mail(app)
 
+assets = Environment(app)
+css = Bundle('src/main.css', output='dist/main.css', filters='postcss')
+
+assets.register('css', css)
+css.build()
+
+
 @app.before_request
 def before_request():
 

files/static/tailwind.config.js

@@ -0,0 +1,11 @@
+module.exports = {
+  purge: [],
+  darkMode: false, // or 'media' or 'class'
+  theme: {
+    extend: {},
+  },
+  variants: {
+    extend: {},
+  },
+  plugins: [],
+}

package.json

@@ -0,0 +1,9 @@
+{
+  "dependencies": {
+    "@fullhuman/postcss-purgecss": "^4.0.3",
+    "autoprefixer": "^10.4.0",
+    "postcss": "^8.4.1",
+    "postcss-cli": "^9.0.2",
+    "tailwindcss": "^2.2.19"
+  }
+}

postcss.config.js

@@ -0,0 +1,14 @@
+const path = require('path');
+
+module.exports = (ctx) => ({
+  plugins: [
+    require('tailwindcss')(path.resolve(__dirname, 'tailwind.config.js')),
+    require('autoprefixer'),
+    require('@fullhuman/postcss-purgecss')({
+      content: [
+        path.resolve(__dirname, 'templates/**/*.html')
+      ],
+      defaultExtractor: content => content.match(/[A-Za-z0-9-_:/]+/g) || []
+    })
+  ],
+});