61 lines
1.9 KiB
JavaScript
61 lines
1.9 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
content: ["./src/**/*.{js,jsx,ts,tsx}"],
|
|
darkMode: 'class',
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
background: "var(--background)",
|
|
foreground: "var(--foreground)",
|
|
card: "var(--card)",
|
|
"card-foreground": "var(--card-foreground)",
|
|
popover: "var(--popover)",
|
|
"popover-foreground": "var(--popover-foreground)",
|
|
primary: "var(--primary)",
|
|
"primary-foreground": "var(--primary-foreground)",
|
|
secondary: "var(--secondary)",
|
|
"secondary-foreground": "var(--secondary-foreground)",
|
|
muted: "var(--muted)",
|
|
"muted-foreground": "var(--muted-foreground)",
|
|
accent: "var(--accent)",
|
|
"accent-foreground": "var(--accent-foreground)",
|
|
destructive: "var(--destructive)",
|
|
"destructive-foreground": "var(--destructive-foreground)",
|
|
border: "var(--border)",
|
|
input: "var(--input)",
|
|
ring: "var(--ring)",
|
|
},
|
|
fontFamily: {
|
|
primary: ['Inter', 'system-ui', 'sans-serif'],
|
|
secondary: ['Manrope', 'system-ui', 'sans-serif'],
|
|
mono: ['JetBrains Mono', 'monospace'],
|
|
},
|
|
borderRadius: {
|
|
lg: "var(--radius)",
|
|
md: "calc(var(--radius) - 2px)",
|
|
sm: "calc(var(--radius) - 4px)",
|
|
},
|
|
animation: {
|
|
'fade-in': 'fadeIn 0.3s ease-out',
|
|
'slide-up': 'slideUp 0.3s ease-out',
|
|
'slide-down': 'slideDown 0.3s ease-out',
|
|
},
|
|
keyframes: {
|
|
fadeIn: {
|
|
'0%': { opacity: '0' },
|
|
'100%': { opacity: '1' },
|
|
},
|
|
slideUp: {
|
|
'0%': { opacity: '0', transform: 'translateY(10px)' },
|
|
'100%': { opacity: '1', transform: 'translateY(0)' },
|
|
},
|
|
slideDown: {
|
|
'0%': { opacity: '0', transform: 'translateY(-10px)' },
|
|
'100%': { opacity: '1', transform: 'translateY(0)' },
|
|
},
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|