chore: set up tailwind

This commit is contained in:
Jeremy Kahn 2022-08-08 21:11:30 -05:00
parent b901793659
commit 66f4a966f0
5 changed files with 26 additions and 2 deletions

5
package-lock.json generated
View File

@ -24,6 +24,7 @@
"devDependencies": { "devDependencies": {
"@typescript-eslint/eslint-plugin": "^5.33.0", "@typescript-eslint/eslint-plugin": "^5.33.0",
"@typescript-eslint/parser": "^5.33.0", "@typescript-eslint/parser": "^5.33.0",
"autoprefixer": "^10.4.8",
"eslint": "^8.21.0", "eslint": "^8.21.0",
"eslint-config-react-app": "^7.0.1", "eslint-config-react-app": "^7.0.1",
"eslint-plugin-import": "^2.26.0", "eslint-plugin-import": "^2.26.0",
@ -31,8 +32,10 @@
"eslint-plugin-react": "^7.30.1", "eslint-plugin-react": "^7.30.1",
"eslint-plugin-react-hooks": "^4.6.0", "eslint-plugin-react-hooks": "^4.6.0",
"husky": "^8.0.1", "husky": "^8.0.1",
"postcss": "^8.4.16",
"prettier": "^2.7.1", "prettier": "^2.7.1",
"pretty-quick": "^3.1.3" "pretty-quick": "^3.1.3",
"tailwindcss": "^3.1.8"
}, },
"engines": { "engines": {
"node": "18.x", "node": "18.x",

View File

@ -50,6 +50,7 @@
"devDependencies": { "devDependencies": {
"@typescript-eslint/eslint-plugin": "^5.33.0", "@typescript-eslint/eslint-plugin": "^5.33.0",
"@typescript-eslint/parser": "^5.33.0", "@typescript-eslint/parser": "^5.33.0",
"autoprefixer": "^10.4.8",
"eslint": "^8.21.0", "eslint": "^8.21.0",
"eslint-config-react-app": "^7.0.1", "eslint-config-react-app": "^7.0.1",
"eslint-plugin-import": "^2.26.0", "eslint-plugin-import": "^2.26.0",
@ -57,7 +58,9 @@
"eslint-plugin-react": "^7.30.1", "eslint-plugin-react": "^7.30.1",
"eslint-plugin-react-hooks": "^4.6.0", "eslint-plugin-react-hooks": "^4.6.0",
"husky": "^8.0.1", "husky": "^8.0.1",
"postcss": "^8.4.16",
"prettier": "^2.7.1", "prettier": "^2.7.1",
"pretty-quick": "^3.1.3" "pretty-quick": "^3.1.3",
"tailwindcss": "^3.1.8"
} }
} }

6
postcss.config.js Normal file
View File

@ -0,0 +1,6 @@
module.exports = {
plugins: {
tailwindcss: {},
autoprefixer: {},
},
}

View File

@ -1,3 +1,7 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
body { body {
margin: 0; margin: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',

8
tailwind.config.js Normal file
View File

@ -0,0 +1,8 @@
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ['./src/**/*.{js,jsx,ts,tsx}'],
theme: {
extend: {},
},
plugins: [],
}