Spaces:
Running
Running
File size: 2,052 Bytes
542c765 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 | // tailwind.config.ts
import type { Config } from "tailwindcss";
const config: Config = {
content: [
"./app/**/*.{ts,tsx}",
"./components/**/*.{ts,tsx}",
"./lib/**/*.{ts,tsx}",
],
theme: {
extend: {
fontFamily: {
sans: ["Inter", "Noto Sans Devanagari", "system-ui", "sans-serif"],
devanagari: ["Noto Sans Devanagari", "system-ui", "sans-serif"],
},
colors: {
bg: "#0d0d1a",
accent: "#FF9933",
ok: "#22C55E",
warn: "#EF4444",
caution: "#F59E0B",
},
boxShadow: {
"glow-accent": "0 0 20px rgba(255,153,51,0.35)",
"glow-ok": "0 0 20px rgba(34,197,94,0.25)",
"glow-warn": "0 0 20px rgba(239,68,68,0.25)",
"glow-card": "0 8px 32px rgba(0,0,0,0.4)",
},
keyframes: {
fadeUp: {
"0%": { opacity: "0", transform: "translateY(12px)" },
"100%": { opacity: "1", transform: "translateY(0)" },
},
shimmer: {
"0%": { backgroundPosition: "-200% center" },
"100%": { backgroundPosition: "200% center" },
},
pulseRing: {
"0%": { transform: "scale(1)", opacity: "0.6" },
"100%": { transform: "scale(1.75)", opacity: "0" },
},
floatY: {
"0%, 100%": { transform: "translateY(0)" },
"50%": { transform: "translateY(-6px)" },
},
gradientShift: {
"0%": { backgroundPosition: "0% 50%" },
"50%": { backgroundPosition: "100% 50%" },
"100%": { backgroundPosition: "0% 50%" },
},
},
animation: {
"fade-up": "fadeUp 0.3s ease both",
"shimmer": "shimmer 2s linear infinite",
"pulse-ring": "pulseRing 1.8s ease-out infinite",
"float-y": "floatY 3s ease-in-out infinite",
"gradient-shift":"gradientShift 6s ease infinite",
},
backgroundSize: {
"200": "200% 200%",
},
},
},
plugins: [],
};
export default config; |