diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-02-13 16:53:24 +0100 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-02-13 16:53:24 +0100 |
| commit | 22d5ffa155080037a32a64814002b987bddce3b4 (patch) | |
| tree | 6f158c36c043d4a3fd822688a4f51e94e8d9810f /src/components/Icons/Hamburger/Hamburger.module.scss | |
| parent | 291a4fa29bb7fcbd1e0f298ff27bd0c774ff0cd0 (diff) | |
chore: increase toolbar buttons size
On small screen, they was too small I think. I also change some
styles like focus state to keep consistency between all elements in
toolbar. Also, I was not fan of the rotate effect.
Diffstat (limited to 'src/components/Icons/Hamburger/Hamburger.module.scss')
| -rw-r--r-- | src/components/Icons/Hamburger/Hamburger.module.scss | 3 |
1 files changed, 2 insertions, 1 deletions
diff --git a/src/components/Icons/Hamburger/Hamburger.module.scss b/src/components/Icons/Hamburger/Hamburger.module.scss index f38df4e..9965c5e 100644 --- a/src/components/Icons/Hamburger/Hamburger.module.scss +++ b/src/components/Icons/Hamburger/Hamburger.module.scss @@ -2,6 +2,7 @@ .icon { position: relative; + width: 100%; &, &::before, @@ -15,7 +16,6 @@ border: fun.convert-px(1) solid var(--color-primary-darker); border-radius: fun.convert-px(3); display: block; - width: var(--btn-size, fun.convert-px(50)); height: fun.convert-px(7); margin: auto; transition: all 0.25s ease-in-out 0s, transform 0.4s ease-in 0s; @@ -26,6 +26,7 @@ content: ""; position: absolute; left: fun.convert-px(-1); + right: fun.convert-px(-1); } &::before { |