From c942266fa21f82569d6a7bb17524ca65f25e4fce Mon Sep 17 00:00:00 2001 From: Arthur DANJOU Date: Tue, 23 Dec 2025 22:54:06 +0100 Subject: [PATCH] =?UTF-8?q?feat:=20ajuster=20l'animation=20de=20vague=20et?= =?UTF-8?q?=20r=C3=A9organiser=20les=20styles=20CSS?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app/assets/css/main.css | 57 +++++++++++++++++++++++++---------------- 1 file changed, 35 insertions(+), 22 deletions(-) diff --git a/app/assets/css/main.css b/app/assets/css/main.css index a1d831d..0967112 100644 --- a/app/assets/css/main.css +++ b/app/assets/css/main.css @@ -1,38 +1,51 @@ @import "tailwindcss"; @import "@nuxt/ui"; +@theme { + --animate-wave: wave 2.5s infinite; + + @keyframes wave { + 0% { + transform: rotate(0deg); + } + + 10% { + transform: rotate(14deg); + } + + 20% { + transform: rotate(-8deg); + } + + 30% { + transform: rotate(14deg); + } + + 40% { + transform: rotate(-4deg); + } + + 50% { + transform: rotate(10deg); + } + + 60%, + 100% { + transform: rotate(0deg); + } + } +} + :root { - --animate-wave: wave 3s infinite; - --ui-bg: #f8f8f8; - --ui-font-family: 'DM Sans', sans-serif; transition-duration: 0.7s; } .dark { - --animate-wave: wave 3s infinite; - --ui-bg: #0f0f0f; - - --ui-font-family: 'DM Sans', sans-serif; - transition-duration: 0.7s; } .sofia { --ui-font-family: 'Sofia Sans', sans-serif; -} - -@keyframes wave { - - 0%, - 50%, - 100% { - transform: rotate(-12deg); - } - - 25%, - 75% { - transform: rotate(3deg) scale(1.5); - } } \ No newline at end of file