portfolio/tailwind.config.ts
2024-06-10 09:23:38 +02:00

41 lines
826 B
TypeScript

import type { Config } from 'tailwindcss'
const config = {
darkMode: ['class'],
content: [
'./pages/**/*.{ts,tsx}',
'./components/**/*.{ts,tsx}',
'./app/**/*.{ts,tsx}',
'./src/**/*.{ts,tsx}',
],
prefix: '',
theme: {
container: {
center: true,
padding: '2rem',
screens: {
'2xl': '1400px',
},
},
extend: {
dropShadow: {
glow: [
'0 0px 20px rgba(255,255, 255, 0.35)',
'0 0px 65px rgba(255, 255,255, 0.2)',
],
},
keyframes: {
jump: {
'0%, 100%': { transform: 'translateY(0)' },
'50%': { transform: 'translateY(-10px)' },
},
},
animation: {
jump: 'jump 0.4s ease-in-out',
},
},
},
plugins: [],
} satisfies Config
export default config