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