Use tailwindcss CLI with jit for compiling styles

Co-authored-by: Ryan Rampersad <ryan.rampersad@gmail.com>

Author: BrianMitchL

package-lock.json

@@ -16,8 +16,8 @@
     "build": "run-s build:css build:js",
     "start:js": "cross-env ELEVENTY_ENV=development TZ=America/Chicago eleventy --serve",
     "build:js": "cross-env ELEVENTY_ENV=production TZ=America/Chicago eleventy",
-    "start:css": "postcss ./src/css/tailwind.css -o ./src/css/tailwind.include.css -w",
-    "build:css": "postcss ./src/css/tailwind.css -o ./src/css/tailwind.include.css --env production",
+    "start:css": "tailwindcss -i ./src/css/tailwind.css -o ./src/css/tailwind.include.css --watch",
+    "build:css": "tailwindcss -i ./src/css/tailwind.css -o ./src/css/tailwind.include.css --minify",
     "lint": "pretty-quick --staged",
     "setup-git-hooks": "simple-git-hooks"
   },
@@ -33,11 +33,11 @@
     "npm-run-all": "^4.1.5",
     "postcss": "^8.3.5",
     "postcss-cli": "^8.3.1",
-    "prettier": "^2.3.1",
+    "prettier": "^2.3.2",
     "pretty-quick": "^3.1.1",
     "rimraf": "^3.0.2",
     "simple-git-hooks": "^2.4.1",
-    "tailwindcss": "^2.2.2",
+    "tailwindcss": "^2.2.4",
     "terser": "^5.7.0"
   },
   "repository": {
@@ -50,4 +50,4 @@
   "prettier": {
     "singleQuote": true
   }
-}
+}

package.json

@@ -1,4 +1,5 @@
 module.exports = {
+  mode: 'jit',
   purge: {
     content: ['./src/**/*.{html,njk,svg,md,js}'],
   },
@@ -46,5 +47,5 @@ module.exports = {
 
 
 font mono
-      
+
 */