v2
424c17b ยท 1 year ago 26 commits
 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}