From 1007c6689e7b549f48013d2c29eac9c78f13dfb7 Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Fri, 7 Jan 2022 19:16:46 +0100
Subject: chore: improve search box and add button interactions on hover/focus

---
 src/components/Form/Form.module.scss | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

(limited to 'src/components/Form/Form.module.scss')

diff --git a/src/components/Form/Form.module.scss b/src/components/Form/Form.module.scss
index fcf8d15..577c3c8 100644
--- a/src/components/Form/Form.module.scss
+++ b/src/components/Form/Form.module.scss
@@ -54,3 +54,17 @@
 .required {
   color: var(--color-secondary);
 }
+
+.wrapper--search {
+  > input {
+    padding-right: calc(var(--btn-size) + var(--spacing-2xs));
+
+    &:hover ~ button {
+      transform: translate(fun.convert-px(-3), fun.convert-px(-3));
+    }
+
+    &:focus ~ button {
+      transform: translate(fun.convert-px(3), fun.convert-px(3));
+    }
+  }
+}
-- 
cgit v1.2.3