From c92c9e065780d9d2aee77467fa65cbaec7f4bb14 Mon Sep 17 00:00:00 2001
From: Triston Armstrong <tarmstrong95@proton.me>
Date: Sun, 24 Dec 2023 00:12:05 -0600
Subject: [PATCH] install tailwind

---
 package.json       |  3 +++
 postcss.config.js  |  6 ++++++
 styles/global.css  | 17 +++--------------
 tailwind.config.js | 16 ++++++++++++++++
 4 files changed, 28 insertions(+), 14 deletions(-)
 create mode 100644 postcss.config.js
 create mode 100644 tailwind.config.js

diff --git a/package.json b/package.json
index fbf7faf..3f934ae 100644
--- a/package.json
+++ b/package.json
@@ -49,13 +49,16 @@
     "vfile-reporter": "latest"
   },
   "devDependencies": {
+    "autoprefixer": "^10.4.16",
     "bimap": "latest",
     "cytoscape": "latest",
     "eslint": "latest",
     "eslint-config-next": "latest",
+    "postcss": "^8.4.32",
     "remark-frontmatter": "latest",
     "remark-react": "latest",
     "remark-stringify": "latest",
+    "tailwindcss": "^3.4.0",
     "uuid": "latest"
   },
   "resolutions": {
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/styles/global.css b/styles/global.css
index f8f36c6..b5c61c9 100644
--- a/styles/global.css
+++ b/styles/global.css
@@ -1,14 +1,3 @@
-html,
-body {
-  padding: 0;
-  margin: 0;
-  font-family: 'Inter', sans-serif;
-}
-
-* {
-  box-sizing: border-box;
-}
-
-#sidebar {
-    padding-left: 16px;
-}
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 0000000..b2a7a53
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,16 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    "./app/**/*.{js,ts,jsx,tsx,mdx}",
+    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
+    "./components/**/*.{js,ts,jsx,tsx,mdx}",
+
+    // Or if using `src` directory:
+    "./src/**/*.{js,ts,jsx,tsx,mdx}",
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}
+