39 lines
1.2 KiB
JavaScript
39 lines
1.2 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%, 60%, 100%": { transform: "rotate(0deg)" },
|
|
"42%": { transform: "rotate(-6deg)" },
|
|
"50%": { transform: "rotate(4deg)" },
|
|
"6%, 30%": { transform: "rotate(24deg)" },
|
|
"18%": { transform: "rotate(-12deg)" },
|
|
},
|
|
},
|
|
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 1.5s ease-in-out infinite",
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|
|
|
|
module.exports = config;
|