diff options
| author | Armand Philippot <git@armandphilippot.com> | 2021-12-22 12:36:40 +0100 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2021-12-22 14:32:31 +0100 |
| commit | 139b3a252c9f90de603be1a98e3186b359353541 (patch) | |
| tree | c020013b3aec522ae378b9e57ec1326a5a829d38 /src/components/Icons/Hamburger | |
| parent | 6917a572011489aafe62c9d2479615cb2928094f (diff) | |
chore: replace svg imports with components
It allows me to control the colors of each SVG paths.
Diffstat (limited to 'src/components/Icons/Hamburger')
| -rw-r--r-- | src/components/Icons/Hamburger/Hamburger.module.scss | 7 |
1 files changed, 4 insertions, 3 deletions
diff --git a/src/components/Icons/Hamburger/Hamburger.module.scss b/src/components/Icons/Hamburger/Hamburger.module.scss index 1ae01bb..5916e8c 100644 --- a/src/components/Icons/Hamburger/Hamburger.module.scss +++ b/src/components/Icons/Hamburger/Hamburger.module.scss @@ -6,17 +6,17 @@ &, &::before, &::after { - background: var(--color-primary); + background: var(--color-primary-lighter); background-image: linear-gradient( to right, var(--color-primary-light) 0%, - var(--color-highlight) 100% + var(--color-primary-lighter) 100% ); border: fun.convert-px(1) solid var(--color-border); border-radius: fun.convert-px(3); display: block; width: var(--btn-size, fun.convert-px(50)); - height: fun.convert-px(6); + height: fun.convert-px(7); margin: auto; transition: all 0.25s ease-in-out 0s, transform 0.4s ease-in 0s; } @@ -25,6 +25,7 @@ &::after { content: ""; position: absolute; + left: fun.convert-px(-1); } &::before { |