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 |
+
}
|