diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-04-29 12:13:34 +0200 | 
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-04-29 18:30:05 +0200 | 
| commit | 7e16f500cb7bc0cfd8bafbf6bb1555704f771231 (patch) | |
| tree | bfc2b4a475cb06a787e2c4bdf284165644e82952 /src/components/Icons/Hamburger | |
| parent | 5324664e87bedfaa01ba62c0c847ef5b861e69b3 (diff) | |
chore: remove old pages, components, helpers and types
Since I'm using new components, I will also rewrite the GraphQL queries
so it is easier to start from scratch.
Diffstat (limited to 'src/components/Icons/Hamburger')
| -rw-r--r-- | src/components/Icons/Hamburger/Hamburger.module.scss | 56 | ||||
| -rw-r--r-- | src/components/Icons/Hamburger/Hamburger.tsx | 10 | 
2 files changed, 0 insertions, 66 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; -    } -  } -} diff --git a/src/components/Icons/Hamburger/Hamburger.tsx b/src/components/Icons/Hamburger/Hamburger.tsx deleted file mode 100644 index 9b39272..0000000 --- a/src/components/Icons/Hamburger/Hamburger.tsx +++ /dev/null @@ -1,10 +0,0 @@ -import styles from './Hamburger.module.scss'; - -const HamburgerIcon = ({ isActive }: { isActive: boolean }) => { -  const withModifier = isActive ? ` ${styles['icon--active']}` : ''; -  const iconClasses = `${styles.icon} ${withModifier}`; - -  return <span className={iconClasses}></span>; -}; - -export default HamburgerIcon; | 
