diff options
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; |
