1/** @type {import('tailwindcss').Config} */
2module.exports = {
3 darkMode: ["class"],
4 content: [
5 './pages/**/*.{ts,tsx}',
6 './components/**/*.{ts,tsx}',
7 './src/**/*.{ts,tsx}',
8 ],
9 theme: {
10 container: {
11 center: true,
12 padding: "2rem",
13 screens: {
14 "2xl": "1400px",
15 },
16 },
17 extend: {
18 colors: {
19 border: "hsl(var(--border))",
20 input: "hsl(var(--input))",
21 ring: "hsl(var(--ring))",
22 background: "hsl(var(--background))",
23 foreground: "hsl(var(--foreground))",
24 primary: {
25 DEFAULT: "hsl(var(--primary))",
26 foreground: "hsl(var(--primary-foreground))",
27 },
28 secondary: {
29 DEFAULT: "hsl(var(--secondary))",
30 foreground: "hsl(var(--secondary-foreground))",
31 },
32 destructive: {
33 DEFAULT: "hsl(var(--destructive))",
34 foreground: "hsl(var(--destructive-foreground))",
35 },
36 muted: {
37 DEFAULT: "hsl(var(--muted))",
38 foreground: "hsl(var(--muted-foreground))",
39 },
40 accent: {
41 DEFAULT: "hsl(var(--accent))",
42 foreground: "hsl(var(--accent-foreground))",
43 },
44 popover: {
45 DEFAULT: "hsl(var(--popover))",
46 foreground: "hsl(var(--popover-foreground))",
47 },
48 card: {
49 DEFAULT: "hsl(var(--card))",
50 foreground: "hsl(var(--card-foreground))",
51 },
52 },
53 borderRadius: {
54 lg: "var(--radius)",
55 md: "calc(var(--radius) - 2px)",
56 sm: "calc(var(--radius) - 4px)",
57 },
58 keyframes: {
59 "accordion-down": {
60 from: { height: 0 },
61 to: { height: "var(--radix-accordion-content-height)" },
62 },
63 "accordion-up": {
64 from: { height: "var(--radix-accordion-content-height)" },
65 to: { height: 0 },
66 },
67 },
68 animation: {
69 "accordion-down": "accordion-down 0.2s ease-out",
70 "accordion-up": "accordion-up 0.2s ease-out",
71 },
72 },
73 },
74 plugins: [require("tailwindcss-animate")],
75}