diff options
| author | Vidhu Kant Sharma <vidhukant@vidhukant.com> | 2023-08-30 01:30:27 +0530 |
|---|---|---|
| committer | Vidhu Kant Sharma <vidhukant@vidhukant.com> | 2023-08-30 01:30:27 +0530 |
| commit | 887cd8d28ba8c6f462f4ad7d4aca99bbd7e145b1 (patch) | |
| tree | 20d6130f9648725855a393415d837bb53df8a4d5 | |
| parent | 2fdcb7c79e8333c0fa9c14e34da5eaebe96e32b4 (diff) | |
on menuitem hover, the text no longer moves
| -rw-r--r-- | css/_menu_page.scss | 11 |
1 files changed, 9 insertions, 2 deletions
diff --git a/css/_menu_page.scss b/css/_menu_page.scss index f42d799..0789e2b 100644 --- a/css/_menu_page.scss +++ b/css/_menu_page.scss @@ -50,13 +50,20 @@ font-size: 1.7em; font-weight: bold; padding-bottom: 0.15em; + transition: margin-left 150ms; } } .menu-item:hover { - width: 105%; - margin-left: 5%; + $offset: 3%; + width: calc(100% + $offset); + margin-left: $offset; transition: width 200ms, margin-left 200ms; + + .label { + margin-left: -0.5%; + transition: margin-left 200ms; + } } } } |