systeme.io-task

1
import type { Config } from "tailwindcss";
2
import { fontFamily } from "tailwindcss/defaultTheme";
3

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

79
export default config;
80