From 3431dbdf9782b53661bf01005efd3866eac0daa9 Mon Sep 17 00:00:00 2001 From: padreug Date: Tue, 11 Mar 2025 02:18:11 +0100 Subject: [PATCH] add animations --- src/assets/index.css | 29 +++++++++++++++++++++++++++++ 1 file changed, 29 insertions(+) diff --git a/src/assets/index.css b/src/assets/index.css index 5ff06a1..75cbd78 100644 --- a/src/assets/index.css +++ b/src/assets/index.css @@ -62,6 +62,35 @@ height: 0; } } + + /* Add standard shadcn animation durations */ + --duration-fast: 150ms; + --duration-normal: 200ms; + --duration-slow: 300ms; + + /* Add standard shadcn easings */ + --ease-in: cubic-bezier(0.4, 0, 1, 1); + --ease-out: cubic-bezier(0, 0, 0.2, 1); + --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); + + /* Add standard shadcn animations */ + --animate-in: animate-in var(--duration-normal) var(--ease-out); + --animate-out: animate-out var(--duration-normal) var(--ease-in); + + --animate-fade-in: fade-in var(--duration-normal) var(--ease-out); + --animate-fade-out: fade-out var(--duration-normal) var(--ease-in); + + --animate-slide-in-from-top: slide-in-from-top var(--duration-normal) var(--ease-out); + --animate-slide-out-to-top: slide-out-to-top var(--duration-normal) var(--ease-in); + + --animate-slide-in-from-bottom: slide-in-from-bottom var(--duration-normal) var(--ease-out); + --animate-slide-out-to-bottom: slide-out-to-bottom var(--duration-normal) var(--ease-in); + + --animate-slide-in-from-left: slide-in-from-left var(--duration-normal) var(--ease-out); + --animate-slide-out-to-left: slide-out-to-left var(--duration-normal) var(--ease-in); + + --animate-slide-in-from-right: slide-in-from-right var(--duration-normal) var(--ease-out); + --animate-slide-out-to-right: slide-out-to-right var(--duration-normal) var(--ease-in); } /*