chore : Add tailwindcss

Added dev dependencies 1. "autoprefixer": "^10.4.13", 2. "postcss": "^8.4.21", 3. "tailwindcss": "^3.2.4" Initialize tailwindcss settings.
taegeon-park23 · Jan 7, 2023 · aa0026f · aa0026f
1 parent 68cf9a7
commit aa0026f
Show file tree

Hide file tree

Showing 5 changed files with 43 additions and 0 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -39,5 +39,10 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "devDependencies": {
+    "autoprefixer": "^10.4.13",
+    "postcss": "^8.4.21",
+    "tailwindcss": "^3.2.4"
   }
 }
diff --git a/postcss.config.js b/postcss.config.js
@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}
diff --git 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
@@ -0,0 +1,23 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: ["./src/**/*.{js,jsx,ts,tsx}"],
+  theme: {
+    extend: {},
+    colors: {
+      primary: "#101010",
+      mainback: "#1D0070",
+      white: "#fff",
+      black: "#000",
+      default: "#D2D5DA",
+      number: "#4B5563",
+      subnumber: "#111827",
+    },
+    screens: {
+      sm: { max: "768px", min: "350px" },
+      md: "768px" ,
+      lg: "1080px" ,
+      xl: {min: "1440px"},
+    },
+  },
+  plugins: [],
+}