Add missing Tailwind config
Browse files- frontend/postcss.config.js +6 -0
- frontend/tailwind.config.js +48 -0
frontend/postcss.config.js
ADDED
|
@@ -0,0 +1,6 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
export default {
|
| 2 |
+
plugins: {
|
| 3 |
+
tailwindcss: {},
|
| 4 |
+
autoprefixer: {},
|
| 5 |
+
},
|
| 6 |
+
}
|
frontend/tailwind.config.js
ADDED
|
@@ -0,0 +1,48 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
/** @type {import('tailwindcss').Config} */
|
| 2 |
+
export default {
|
| 3 |
+
content: [
|
| 4 |
+
"./index.html",
|
| 5 |
+
"./src/**/*.{js,ts,jsx,tsx}",
|
| 6 |
+
"./components/**/*.{js,ts,jsx,tsx}",
|
| 7 |
+
"./**/*.{js,ts,jsx,tsx}"
|
| 8 |
+
],
|
| 9 |
+
theme: {
|
| 10 |
+
extend: {
|
| 11 |
+
animation: {
|
| 12 |
+
blob: "blob 7s infinite",
|
| 13 |
+
warp: "warp 1s linear infinite",
|
| 14 |
+
pulse: "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",
|
| 15 |
+
},
|
| 16 |
+
keyframes: {
|
| 17 |
+
blob: {
|
| 18 |
+
"0%": {
|
| 19 |
+
transform: "translate(0px, 0px) scale(1)",
|
| 20 |
+
},
|
| 21 |
+
"33%": {
|
| 22 |
+
transform: "translate(30px, -50px) scale(1.1)",
|
| 23 |
+
},
|
| 24 |
+
"66%": {
|
| 25 |
+
transform: "translate(-20px, 20px) scale(0.9)",
|
| 26 |
+
},
|
| 27 |
+
"100%": {
|
| 28 |
+
transform: "translate(0px, 0px) scale(1)",
|
| 29 |
+
},
|
| 30 |
+
},
|
| 31 |
+
warp: {
|
| 32 |
+
"0%": {
|
| 33 |
+
transform: "translateZ(-1000px)",
|
| 34 |
+
opacity: "0",
|
| 35 |
+
},
|
| 36 |
+
"10%": {
|
| 37 |
+
opacity: "1",
|
| 38 |
+
},
|
| 39 |
+
"100%": {
|
| 40 |
+
transform: "translateZ(1000px)",
|
| 41 |
+
opacity: "0",
|
| 42 |
+
},
|
| 43 |
+
},
|
| 44 |
+
},
|
| 45 |
+
},
|
| 46 |
+
},
|
| 47 |
+
plugins: [],
|
| 48 |
+
}
|