refactor: use storybook and atomic design (#16)

BREAKING CHANGE: rewrite most of the Typescript types, so the content format (the meta in particular) needs to be updated.

1 files changed, 0 insertions, 56 deletions

diff --git a/src/components/Icons/Hamburger/Hamburger.module.scss b/src/components/Icons/Hamburger/Hamburger.module.scss
deleted file mode 100644
index 9965c5e..0000000
--- a/src/components/Icons/Hamburger/Hamburger.module.scss
+++ /dev/null
@@ -1,56 +0,0 @@
-@use "@styles/abstracts/functions" as fun;
-
-.icon {
-  position: relative;
-  width: 100%;
-
-  &,
-  &::before,
-  &::after {
-    background: var(--color-primary-lighter);
-    background-image: linear-gradient(
-      to right,
-      var(--color-primary-light) 0%,
-      var(--color-primary-lighter) 100%
-    );
-    border: fun.convert-px(1) solid var(--color-primary-darker);
-    border-radius: fun.convert-px(3);
-    display: block;
-    height: fun.convert-px(7);
-    margin: auto;
-    transition: all 0.25s ease-in-out 0s, transform 0.4s ease-in 0s;
-  }
-
-  &::before,
-  &::after {
-    content: "";
-    position: absolute;
-    left: fun.convert-px(-1);
-    right: fun.convert-px(-1);
-  }
-
-  &::before {
-    bottom: fun.convert-px(15);
-  }
-
-  &::after {
-    top: fun.convert-px(15);
-  }
-
-  &--active {
-    background: transparent;
-    border: transparent;
-
-    &::before {
-      transform-origin: 50% 50%;
-      transform: rotate(45deg);
-      bottom: 0;
-    }
-
-    &::after {
-      transform-origin: 50% 50%;
-      transform: rotate(-45deg);
-      top: 0;
-    }
-  }
-}