aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorVidhu Kant Sharma <vidhukant@vidhukant.com>2023-08-30 01:30:27 +0530
committerVidhu Kant Sharma <vidhukant@vidhukant.com>2023-08-30 01:30:27 +0530
commit887cd8d28ba8c6f462f4ad7d4aca99bbd7e145b1 (patch)
tree20d6130f9648725855a393415d837bb53df8a4d5
parent2fdcb7c79e8333c0fa9c14e34da5eaebe96e32b4 (diff)
on menuitem hover, the text no longer moves
-rw-r--r--css/_menu_page.scss11
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;
+ }
}
}
}