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