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