feat: setup tailwind (#359)

typeofweb-org · Nov 26, 2022 · 557e920 · 557e920
1 parent 4e0ea0d
commit 557e920
Show file tree

Hide file tree

Showing 6 changed files with 1,419 additions and 338 deletions.
diff --git a/apps/app/app/globals.css b/apps/app/app/globals.css
@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
diff --git a/apps/app/app/layout.tsx b/apps/app/app/layout.tsx
@@ -1,5 +1,7 @@
 import { AnalyticsWrapper } from "../components/analytics";
 
+import "./globals.css";
+
 export default function RootLayout({ children }: { children: React.ReactNode }) {
 	return (
 		<html lang="pl">

diff --git a/apps/app/package.json b/apps/app/package.json
@@ -20,8 +20,11 @@
 		"@types/node": "18.11.9",
 		"@types/react": "18.0.25",
 		"@vercel/analytics": "0.1.5",
+		"autoprefixer": "^10.4.13",
 		"eslint": "8.28.0",
 		"eslint-config-devfaq": "workspace:*",
+		"postcss": "^8.4.19",
+		"tailwindcss": "^3.2.4",
 		"tsconfig": "workspace:*",
 		"typescript": "4.9.3"
 	}

diff --git a/apps/app/postcss.config.js b/apps/app/postcss.config.js
@@ -0,0 +1,6 @@
+module.exports = {
+	plugins: {
+		tailwindcss: {},
+		autoprefixer: {},
+	},
+};
diff --git a/apps/app/tailwind.config.js b/apps/app/tailwind.config.js
@@ -0,0 +1,8 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+	content: ["./app/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}"],
+	theme: {
+		extend: {},
+	},
+	plugins: [],
+};