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