From a6ff5eee45215effb3344cb5d631a27a7c0369aa Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Fri, 22 Sep 2023 19:34:01 +0200
Subject: refactor(components): rewrite form components

---
 .../organisms/forms/search-form.module.scss        | 58 ----------------------
 1 file changed, 58 deletions(-)
 delete mode 100644 src/components/organisms/forms/search-form.module.scss

(limited to 'src/components/organisms/forms/search-form.module.scss')

diff --git a/src/components/organisms/forms/search-form.module.scss b/src/components/organisms/forms/search-form.module.scss
deleted file mode 100644
index 773a79f..0000000
--- a/src/components/organisms/forms/search-form.module.scss
+++ /dev/null
@@ -1,58 +0,0 @@
-@use "../../../styles/abstracts/functions" as fun;
-@use "../../../styles/abstracts/mixins" as mix;
-
-.wrapper {
-  display: flex;
-  align-items: center;
-  position: relative;
-
-  @include mix.media("screen") {
-    @include mix.dimensions("sm") {
-      max-width: 35ch;
-    }
-  }
-}
-
-.btn {
-  position: absolute;
-  right: 0;
-
-  &__icon {
-    transform: scale(0.85);
-    transition: all 0.3s ease-in-out 0s;
-  }
-
-  &:focus {
-    outline: var(--color-primary-light) solid fun.convert-px(3);
-  }
-
-  &:active {
-    outline: none;
-  }
-
-  &:hover &,
-  &:focus & {
-    &__icon {
-      transform: scale(0.85) rotate(20deg) translateY(#{fun.convert-px(3)});
-    }
-  }
-
-  &:active & {
-    &__icon {
-      transform: scale(0.7);
-    }
-  }
-}
-
-.field {
-  width: 100%;
-  padding-right: var(--spacing-lg);
-
-  &:hover ~ .btn {
-    transform: translate(fun.convert-px(-3), fun.convert-px(-3));
-  }
-
-  &:focus ~ .btn {
-    transform: translate(fun.convert-px(3), fun.convert-px(3));
-  }
-}
-- 
cgit v1.2.3