38 lines
900 B
TypeScript
38 lines
900 B
TypeScript
import type { Config } from "tailwindcss";
|
|
|
|
export default {
|
|
darkMode: ["class"],
|
|
content: ["./index.html", "./src/**/*.{ts,tsx,js,jsx}"],
|
|
theme: {
|
|
extend: {
|
|
fontFamily: {
|
|
cairo: ["Cairo", "sans-serif"],
|
|
},
|
|
colors: {
|
|
brand: {
|
|
50: "#fff7ed",
|
|
100: "#ffedd5",
|
|
200: "#fed7aa",
|
|
300: "#fdba74",
|
|
400: "#fb923c",
|
|
500: "#f97316",
|
|
600: "#ea580c",
|
|
700: "#c2410c",
|
|
800: "#9a3412",
|
|
900: "#7c2d12",
|
|
},
|
|
},
|
|
borderRadius: {
|
|
lg: "var(--radius)",
|
|
md: "calc(var(--radius) - 2px)",
|
|
sm: "calc(var(--radius) - 4px)",
|
|
},
|
|
animation: {
|
|
"fade-in-up": "fadeInUp 0.4s ease-out",
|
|
"slide-in-right": "slideInRight 0.3s ease-out",
|
|
},
|
|
},
|
|
},
|
|
plugins: [require("tailwindcss-animate")],
|
|
} satisfies Config;
|