tailwind.config.mjs

/** @type {import('tailwindcss').Config} */
export default {
	content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
	theme: {
		extend: {
			animation: {
				'shake': 'shake .5s infinite',
				'shake-slow': 'shake 1s infinite',
				'shake-fast': 'shake .25s infinite'
			},
			keyframes: {
				'shake': {
					'0%': {
						transform: 'translate(1px, 1px) rotate(0deg)'
					},
					'10%': {
						transform: 'translate(-1px, -2px) rotate(-1deg)'
					},
					'20%': {
						transform: 'translate(-3px, 0px) rotate(1deg)'
					},
					'30%': {
						transform: 'translate(3px, 2px) rotate(0deg)'
					},
					'40%': {
						transform: 'translate(1px, -1px) rotate(1deg)'
					},
					'50%': {
						transform: 'translate(-1px, 2px) rotate(-1deg)'
					},
					'60%': {
						transform: 'translate(-3px, 1px) rotate(0deg)'
					},
					'70%': {
						transform: 'translate(3px, 1px) rotate(-1deg)'
					},
					'80%': {
						transform: 'translate(-1px, -1px) rotate(1deg)'
					},
					'90%': {
						transform: 'translate(1px, 2px) rotate(0deg)'
					},
					'100%': {
						transform: 'translate(1px, -2px) rotate(-1deg)'
					}
				}
			}
		},
	},
	plugins: [],
}