Use @tailwindcss/forms for basic form elements styling.

package-lock.json

@@ -10,6 +10,7 @@
         "@auditors/core": "^0.1.7",
         "@sveltejs/adapter-node": "next",
         "@sveltejs/kit": "next",
+        "@tailwindcss/forms": "^0.3.2",
         "@tailwindcss/jit": "^0.1.1",
         "@typescript-eslint/eslint-plugin": "^4.19.0",
         "@typescript-eslint/parser": "^4.19.0",
@@ -313,6 +314,18 @@
         "vite": "^2.1.5"
       }
     },
+    "node_modules/@tailwindcss/forms": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/forms/-/forms-0.3.2.tgz",
+      "integrity": "sha512-aj2/rJsGb2whAZ/BQWHWWQRSbhH0r/l1ozOByiv+ZNjBD84GMvb5dhAyfpeasFky+EJrAwX5eaqft8NQMZFWvA==",
+      "dev": true,
+      "dependencies": {
+        "mini-svg-data-uri": "^1.2.3"
+      },
+      "peerDependencies": {
+        "tailwindcss": ">=2.0.0"
+      }
+    },
     "node_modules/@tailwindcss/jit": {
       "version": "0.1.18",
       "resolved": "https://registry.npmjs.org/@tailwindcss/jit/-/jit-0.1.18.tgz",
@@ -3170,6 +3183,12 @@
         "node": ">=4"
       }
     },
+    "node_modules/mini-svg-data-uri": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/mini-svg-data-uri/-/mini-svg-data-uri-1.2.3.tgz",
+      "integrity": "sha512-zd6KCAyXgmq6FV1mR10oKXYtvmA9vRoB6xPSTUJTbFApCtkefDnYueVR1gkof3KcdLZo1Y8mjF2DFmQMIxsHNQ==",
+      "dev": true
+    },
     "node_modules/minimatch": {
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz",
@@ -8379,6 +8398,15 @@
         "svelte-hmr": "^0.14.0"
       }
     },
+    "@tailwindcss/forms": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/forms/-/forms-0.3.2.tgz",
+      "integrity": "sha512-aj2/rJsGb2whAZ/BQWHWWQRSbhH0r/l1ozOByiv+ZNjBD84GMvb5dhAyfpeasFky+EJrAwX5eaqft8NQMZFWvA==",
+      "dev": true,
+      "requires": {
+        "mini-svg-data-uri": "^1.2.3"
+      }
+    },
     "@tailwindcss/jit": {
       "version": "0.1.18",
       "resolved": "https://registry.npmjs.org/@tailwindcss/jit/-/jit-0.1.18.tgz",
@@ -10583,6 +10611,12 @@
       "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==",
       "dev": true
     },
+    "mini-svg-data-uri": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/mini-svg-data-uri/-/mini-svg-data-uri-1.2.3.tgz",
+      "integrity": "sha512-zd6KCAyXgmq6FV1mR10oKXYtvmA9vRoB6xPSTUJTbFApCtkefDnYueVR1gkof3KcdLZo1Y8mjF2DFmQMIxsHNQ==",
+      "dev": true
+    },
     "minimatch": {
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz",

package.json

@@ -12,6 +12,7 @@
     "@auditors/core": "^0.1.7",
     "@sveltejs/adapter-node": "next",
     "@sveltejs/kit": "next",
+    "@tailwindcss/forms": "^0.3.2",
     "@tailwindcss/jit": "^0.1.1",
     "@typescript-eslint/eslint-plugin": "^4.19.0",
     "@typescript-eslint/parser": "^4.19.0",

tailwind.config.cjs

@@ -21,5 +21,5 @@ module.exports = {
   variants: {
     extend: {},
   },
-  plugins: [],
+  plugins: [require("@tailwindcss/forms")],
 }