You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
68 lines
1.9 KiB
68 lines
1.9 KiB
import type { Config } from 'tailwindcss'; |
|
|
|
const config: Config = { |
|
darkMode: ['class'], |
|
content: ['./src/**/*.{ts,tsx,mdx}'], |
|
theme: { |
|
container: { |
|
center: true, |
|
padding: '2rem', |
|
screens: { '2xl': '1400px' }, |
|
}, |
|
extend: { |
|
colors: { |
|
border: 'hsl(var(--border))', |
|
input: 'hsl(var(--input))', |
|
ring: 'hsl(var(--ring))', |
|
background: 'hsl(var(--background))', |
|
foreground: 'hsl(var(--foreground))', |
|
primary: { |
|
DEFAULT: 'hsl(var(--primary))', |
|
foreground: 'hsl(var(--primary-foreground))', |
|
}, |
|
secondary: { |
|
DEFAULT: 'hsl(var(--secondary))', |
|
foreground: 'hsl(var(--secondary-foreground))', |
|
}, |
|
destructive: { |
|
DEFAULT: 'hsl(var(--destructive))', |
|
foreground: 'hsl(var(--destructive-foreground))', |
|
}, |
|
muted: { |
|
DEFAULT: 'hsl(var(--muted))', |
|
foreground: 'hsl(var(--muted-foreground))', |
|
}, |
|
accent: { |
|
DEFAULT: 'hsl(var(--accent))', |
|
foreground: 'hsl(var(--accent-foreground))', |
|
}, |
|
card: { |
|
DEFAULT: 'hsl(var(--card))', |
|
foreground: 'hsl(var(--card-foreground))', |
|
}, |
|
}, |
|
borderRadius: { |
|
lg: 'var(--radius)', |
|
md: 'calc(var(--radius) - 2px)', |
|
sm: 'calc(var(--radius) - 4px)', |
|
}, |
|
keyframes: { |
|
'accordion-down': { |
|
from: { height: '0' }, |
|
to: { height: 'var(--radix-accordion-content-height)' }, |
|
}, |
|
'accordion-up': { |
|
from: { height: 'var(--radix-accordion-content-height)' }, |
|
to: { height: '0' }, |
|
}, |
|
}, |
|
animation: { |
|
'accordion-down': 'accordion-down 0.2s ease-out', |
|
'accordion-up': 'accordion-up 0.2s ease-out', |
|
}, |
|
}, |
|
}, |
|
plugins: [require('tailwindcss-animate')], |
|
}; |
|
|
|
export default config;
|
|
|