From 0485dcd098da6d7d4aa099fbe931f976800e48cf Mon Sep 17 00:00:00 2001 From: Tiago Silva Date: Fri, 12 Apr 2024 13:30:25 +0100 Subject: [PATCH] Fix tailwind config, when animations are redefined, so should all keyframes --- tailwind.config.ts | 26 ++++++++++++++++++++++++++ 1 file changed, 26 insertions(+) diff --git a/tailwind.config.ts b/tailwind.config.ts index 9bca79e77..db2bd1a32 100644 --- a/tailwind.config.ts +++ b/tailwind.config.ts @@ -143,6 +143,32 @@ export default { 'weight-900': '900', }, keyframes: { + spin: { + to: { + transform: 'rotate(360deg)', + }, + }, + ping: { + '75%, 100%': { + transform: 'scale(2)', + opacity: '0', + }, + }, + pulse: { + '50%': { + opacity: '.5', + }, + }, + bounce: { + '0%, 100%': { + transform: 'translateY(-25%)', + animationTimingFunction: 'cubic-bezier(0.8,0,1,1)', + }, + '50%': { + transform: 'none', + animationTimingFunction: 'cubic-bezier(0,0,0.2,1)', + }, + }, fade: { from: { opacity: '0',