refactor(components): rewrite form components

1 files changed, 0 insertions, 53 deletions

diff --git a/src/components/atoms/forms/forms.module.scss b/src/components/atoms/forms/forms.module.scss
deleted file mode 100644
index ece26e5..0000000
--- a/src/components/atoms/forms/forms.module.scss
+++ /dev/null
@@ -1,53 +0,0 @@
-@use "../../../styles/abstracts/functions" as fun;
-@use "../../../styles/abstracts/mixins" as mix;
-
-.item {
-  margin: var(--spacing-xs) 0;
-  width: 100%;
-  max-width: 45ch;
-}
-
-.field {
-  padding: var(--spacing-2xs) var(--spacing-xs);
-  background: var(--color-bg-tertiary);
-  border: fun.convert-px(2) solid var(--color-border);
-  box-shadow: fun.convert-px(3) fun.convert-px(3) 0 0 var(--color-shadow);
-  transition: all 0.25s linear 0s;
-
-  &--select {
-    cursor: pointer;
-
-    @include mix.pointer("fine") {
-      padding: fun.convert-px(3) var(--spacing-xs);
-    }
-  }
-
-  &--textarea {
-    min-height: fun.convert-px(200);
-  }
-
-  &:disabled {
-    background: var(--color-bg-secondary);
-    border: fun.convert-px(2) solid var(--color-border-light);
-    box-shadow: fun.convert-px(3) fun.convert-px(3) 0 0
-      var(--color-shadow-light);
-    cursor: not-allowed;
-  }
-
-  &:not(:disabled) {
-    &:hover {
-      box-shadow: fun.convert-px(5) fun.convert-px(5) 0 fun.convert-px(1)
-        var(--color-shadow);
-      transform: translate(#{fun.convert-px(-3)}, #{fun.convert-px(-3)});
-    }
-
-    &:focus {
-      background: var(--color-bg);
-      border-color: var(--color-primary);
-      box-shadow: 0 0 0 0 var(--color-shadow);
-      transform: translate(#{fun.convert-px(3)}, #{fun.convert-px(3)});
-      outline: none;
-      transition: all 0.2s ease-in-out 0s, transform 0.3s ease-out 0s;
-    }
-  }
-}