From 66f4a966f09bd2c040d52436743db5cc659cb7a2 Mon Sep 17 00:00:00 2001
From: Jeremy Kahn <jeremyckahn@gmail.com>
Date: Mon, 8 Aug 2022 21:11:30 -0500
Subject: [PATCH] chore: set up tailwind

---
 package-lock.json  | 5 ++++-
 package.json       | 5 ++++-
 postcss.config.js  | 6 ++++++
 src/index.css      | 4 ++++
 tailwind.config.js | 8 ++++++++
 5 files changed, 26 insertions(+), 2 deletions(-)
 create mode 100644 postcss.config.js
 create mode 100644 tailwind.config.js

diff --git a/package-lock.json b/package-lock.json
index 03d50a7..e8f74d0 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -24,6 +24,7 @@
       "devDependencies": {
         "@typescript-eslint/eslint-plugin": "^5.33.0",
         "@typescript-eslint/parser": "^5.33.0",
+        "autoprefixer": "^10.4.8",
         "eslint": "^8.21.0",
         "eslint-config-react-app": "^7.0.1",
         "eslint-plugin-import": "^2.26.0",
@@ -31,8 +32,10 @@
         "eslint-plugin-react": "^7.30.1",
         "eslint-plugin-react-hooks": "^4.6.0",
         "husky": "^8.0.1",
+        "postcss": "^8.4.16",
         "prettier": "^2.7.1",
-        "pretty-quick": "^3.1.3"
+        "pretty-quick": "^3.1.3",
+        "tailwindcss": "^3.1.8"
       },
       "engines": {
         "node": "18.x",
diff --git a/package.json b/package.json
index 4d39568..6759cfd 100644
--- a/package.json
+++ b/package.json
@@ -50,6 +50,7 @@
   "devDependencies": {
     "@typescript-eslint/eslint-plugin": "^5.33.0",
     "@typescript-eslint/parser": "^5.33.0",
+    "autoprefixer": "^10.4.8",
     "eslint": "^8.21.0",
     "eslint-config-react-app": "^7.0.1",
     "eslint-plugin-import": "^2.26.0",
@@ -57,7 +58,9 @@
     "eslint-plugin-react": "^7.30.1",
     "eslint-plugin-react-hooks": "^4.6.0",
     "husky": "^8.0.1",
+    "postcss": "^8.4.16",
     "prettier": "^2.7.1",
-    "pretty-quick": "^3.1.3"
+    "pretty-quick": "^3.1.3",
+    "tailwindcss": "^3.1.8"
   }
 }
diff --git a/postcss.config.js b/postcss.config.js
new file mode 100644
index 0000000..33ad091
--- /dev/null
+++ b/postcss.config.js
@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}
diff --git a/src/index.css b/src/index.css
index ec2585e..17df0e7 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,3 +1,7 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
 body {
   margin: 0;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 0000000..80e34db
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,8 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: ['./src/**/*.{js,jsx,ts,tsx}'],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}