70 lines
1.9 KiB
TypeScript
70 lines
1.9 KiB
TypeScript
import type { Config } from "tailwindcss";
|
|
|
|
const config: Config = {
|
|
darkMode: "class",
|
|
content: [
|
|
"./app/**/*.{ts,tsx}",
|
|
"./components/**/*.{ts,tsx}",
|
|
"./lib/**/*.{ts,tsx}",
|
|
],
|
|
theme: {
|
|
container: {
|
|
center: true,
|
|
padding: "1.5rem",
|
|
screens: {
|
|
"2xl": "1280px",
|
|
},
|
|
},
|
|
extend: {
|
|
colors: {
|
|
brand: {
|
|
50: "#eef2ff",
|
|
100: "#e0e7ff",
|
|
200: "#c7d2fe",
|
|
300: "#a5b4fc",
|
|
400: "#818cf8",
|
|
500: "#6366f1",
|
|
600: "#4f46e5",
|
|
700: "#4338ca",
|
|
800: "#3730a3",
|
|
900: "#312e81",
|
|
950: "#1e1b4b",
|
|
},
|
|
ink: {
|
|
DEFAULT: "#0b0b13",
|
|
soft: "#15151f",
|
|
muted: "#23232f",
|
|
},
|
|
},
|
|
fontFamily: {
|
|
sans: ["var(--font-fa)", "IRANSans", "Vazirmatn", "system-ui", "sans-serif"],
|
|
fa: ["var(--font-fa)", "IRANSans", "Vazirmatn", "system-ui", "sans-serif"],
|
|
},
|
|
keyframes: {
|
|
"fade-up": {
|
|
"0%": { opacity: "0", transform: "translateY(16px)" },
|
|
"100%": { opacity: "1", transform: "translateY(0)" },
|
|
},
|
|
"pulse-ring": {
|
|
"0%": { transform: "scale(0.95)", opacity: "0.7" },
|
|
"70%": { transform: "scale(1.1)", opacity: "0" },
|
|
"100%": { transform: "scale(0.95)", opacity: "0" },
|
|
},
|
|
},
|
|
animation: {
|
|
"fade-up": "fade-up 0.6s ease-out both",
|
|
"pulse-ring": "pulse-ring 2.4s cubic-bezier(0.4,0,0.6,1) infinite",
|
|
},
|
|
backgroundImage: {
|
|
"brand-gradient":
|
|
"linear-gradient(120deg, #4f46e5 0%, #7c3aed 45%, #db2777 100%)",
|
|
"grid-faint":
|
|
"linear-gradient(to right, rgba(255,255,255,0.04) 1px, transparent 1px), linear-gradient(to bottom, rgba(255,255,255,0.04) 1px, transparent 1px)",
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|
|
|
|
export default config;
|