From 837e0e904c40f7b87561c34ca3f49edd5d8d1c52 Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Thu, 28 Sep 2023 18:03:43 +0200 Subject: feat(components): replace icons with a generic Icon component Sizes are also predefined and can be set using the `size` prop, so the consumers should no longer adjust the size in CSS. --- src/components/atoms/icons/hamburger.module.scss | 42 ------------------------ 1 file changed, 42 deletions(-) delete mode 100644 src/components/atoms/icons/hamburger.module.scss (limited to 'src/components/atoms/icons/hamburger.module.scss') diff --git a/src/components/atoms/icons/hamburger.module.scss b/src/components/atoms/icons/hamburger.module.scss deleted file mode 100644 index c92b3ab..0000000 --- a/src/components/atoms/icons/hamburger.module.scss +++ /dev/null @@ -1,42 +0,0 @@ -@use "../../../styles/abstracts/functions" as fun; - -.wrapper { - display: flex; - align-items: center; - width: var(--icon-size, #{fun.convert-px(50)}); - height: var(--icon-size, #{fun.convert-px(50)}); - position: relative; -} - -.icon { - &, - &::before, - &::after { - display: block; - height: fun.convert-px(7); - width: 100%; - position: absolute; - 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); - transition: all 0.25s ease-in-out 0s, transform 0.4s ease-in 0s; - } - - &::before, - &::after { - content: ""; - } - - &::before { - top: fun.convert-px(-15); - } - - &::after { - bottom: fun.convert-px(-15); - } -} -- cgit v1.2.3