uiowaATR/tailwind.config.cjs
2023-04-12 23:50:33 -05:00

37 lines
1.1 KiB
JavaScript

/** @type {import('tailwindcss').Config} */
const config = {
content: ["./src/**/*.{js,ts,jsx,tsx}"],
theme: {
extend: {
keyframes: {
expand_in_out: {
'0%, 100%': { transform: 'scale(1)' },
'50%': { transform: 'scale(1.1)' },
},
slide_left_full: {
'0%': { transform: 'translate(0%)' },
'100%': { transform: 'translate(-50%)' },
},
slide_right_full: {
'0%': { transform: 'translate(-50%)' },
'100%': { transform: 'translate(0%)' },
},
wiggle_rotate: {
'0%, 100%': { transform: 'rotate(0)' },
'50%': { transform: 'rotate(12)' },
'75%': { transform: 'rotate(-12)' },
}
},
animation: {
expand_in_out: 'expand_in_out 2s ease-in-out infinite',
slide_search_page: 'slide_left_full 0.5s ease-in-out',
slide_search_page_backwards: 'slide_right_full 0.5s ease-in-out',
hand_wave: 'wiggle_rotate 0.5s ease-in-out infinite',
},
},
},
plugins: [],
};
module.exports = config;