Add Tailwind CSS integration with configuration and dependencies
Browse files- package.json +3 -0
- pnpm-lock.yaml +4 -0
- src/index.css +4 -0
- tailwind.config.js +10 -0
package.json
CHANGED
@@ -42,5 +42,8 @@
|
|
42 |
"last 1 firefox version",
|
43 |
"last 1 safari version"
|
44 |
]
|
|
|
|
|
|
|
45 |
}
|
46 |
}
|
|
|
42 |
"last 1 firefox version",
|
43 |
"last 1 safari version"
|
44 |
]
|
45 |
+
},
|
46 |
+
"devDependencies": {
|
47 |
+
"tailwindcss": "3"
|
48 |
}
|
49 |
}
|
pnpm-lock.yaml
CHANGED
@@ -53,6 +53,10 @@ importers:
|
|
53 |
web-vitals:
|
54 |
specifier: ^2.1.4
|
55 |
version: 2.1.4
|
|
|
|
|
|
|
|
|
56 |
|
57 |
packages:
|
58 |
|
|
|
53 |
web-vitals:
|
54 |
specifier: ^2.1.4
|
55 |
version: 2.1.4
|
56 |
+
devDependencies:
|
57 |
+
tailwindcss:
|
58 |
+
specifier: '3'
|
59 |
+
version: 3.4.17
|
60 |
|
61 |
packages:
|
62 |
|
src/index.css
CHANGED
@@ -1,3 +1,7 @@
|
|
|
|
|
|
|
|
|
|
1 |
body {
|
2 |
margin: 0;
|
3 |
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
|
|
|
1 |
+
@tailwind base;
|
2 |
+
@tailwind components;
|
3 |
+
@tailwind utilities;
|
4 |
+
|
5 |
body {
|
6 |
margin: 0;
|
7 |
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
|
tailwind.config.js
ADDED
@@ -0,0 +1,10 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
/** @type {import('tailwindcss').Config} */
|
2 |
+
module.exports = {
|
3 |
+
content: [
|
4 |
+
"./src/**/*.{js,jsx,ts,tsx}",
|
5 |
+
],
|
6 |
+
theme: {
|
7 |
+
extend: {},
|
8 |
+
},
|
9 |
+
plugins: [],
|
10 |
+
}
|