From e8d75fac9c002efaaf73362d38c195b35a86ba89 Mon Sep 17 00:00:00 2001
From: Toni Kangas <kangasta@users.noreply.github.com>
Date: Tue, 13 Feb 2024 17:41:20 +0200
Subject: [PATCH] Add hover and active effects to icon buttons (#116)

---
 src/components/Menu/IconButton.svelte | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/components/Menu/IconButton.svelte b/src/components/Menu/IconButton.svelte
index 29f2e5c..52cdca5 100644
--- a/src/components/Menu/IconButton.svelte
+++ b/src/components/Menu/IconButton.svelte
@@ -56,6 +56,14 @@
     flex-direction: column
     align-items: center
 
+    transition: transform 125ms
+
+    &:hover
+      transform: scale(1.125) translateY(-0.25rem)
+
+    &:active svg
+      transform: translateY(0.25rem)
+
   .clickable
     cursor: pointer