portfolio/tailwind.config.ts
2024-06-10 14:33:20 +02:00

36 lines
902 B
TypeScript

import type { Config } from 'tailwindcss'
const config = {
darkMode: ['class'],
content: ['./src/**/*.{ts,tsx}'],
prefix: '',
theme: {
extend: {
dropShadow: {
glow: [
'0 0px 20px rgba(255,255, 255, 0.35)',
'0 0px 65px rgba(255, 255,255, 0.2)',
],
},
keyframes: {
gradient: {
'0%, 100%': { backgroundPosition: '0% 50%' },
'25%': { backgroundPosition: '100% 0%' },
'50%': { backgroundPosition: '100% 100%' },
'75%': { backgroundPosition: '0% 100%' },
},
jump: {
'0%, 100%': { transform: 'translateY(0)' },
'50%': { transform: 'translateY(-10px)' },
},
},
animation: {
jump: 'jump 0.4s ease-in-out',
gradient: 'gradient 10s ease infinite',
},
},
},
plugins: [],
} satisfies Config
export default config