Update tailwind to v3, various wangling

theme/static_src/package.json

@@ -16,15 +16,19 @@
   "author": "",
   "license": "MIT",
   "devDependencies": {
-    "autoprefixer": "^10.0.2",
+    "@tailwindcss/aspect-ratio": "^0.4.2",
+    "@tailwindcss/forms": "^0.5.3",
+    "@tailwindcss/line-clamp": "^0.4.4",
+    "@tailwindcss/typography": "^0.5.9",
+    "autoprefixer": "^10.4.14",
     "clean-css-cli": "^4.3.0",
     "cross-env": "^7.0.3",
     "node-sass": "^5.0.0",
-    "postcss": "^8.1.9",
+    "postcss": "^8.4.23",
     "postcss-cli": "^8.3.0",
     "postcss-scss": "^3.0.4",
     "rimraf": "^3.0.2",
-    "tailwindcss": "^2.0.1",
+    "tailwindcss": "^3.3.2",
     "watch": "^1.0.2"
   }
 }

theme/static_src/src/styles.scss

@@ -1,3 +1,7 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+input {
+    color: black;
+}

theme/static_src/tailwind.config.js

@@ -2,14 +2,10 @@
 // If you need the full config, get it from here:
 // https://unpkg.com/browse/tailwindcss@latest/stubs/defaultConfig.stub.js
 module.exports = {
-    purge: [
-        // Templates within theme app (e.g. base.html)
+    content: [
         '../templates/**/*.html',
-        // Templates in other apps. Uncomment the following line if it matches
-        // your project structure or change it to match.
         '../../templates/**/*.html',
     ],
-    darkMode: 'media',
     theme: {
         extend: {},
     },

theme/templates/custom_form.html

@@ -0,0 +1,3 @@
+{% for field in form %}
+    {{ field.label_tag }} {{ field }} <br/>
+{% endfor %}