Skip to content

Commit eb19c44

Browse files
committed
Improve main menu hover underlines
1 parent 840f2b2 commit eb19c44

File tree

1 file changed

+5
-25
lines changed

1 file changed

+5
-25
lines changed

media/css/m24/components/navigation-refresh.scss

Lines changed: 5 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -115,6 +115,7 @@ $margin-top: 54px; // top margin offset for mobile navigation menu
115115
padding: 0;
116116
position: relative;
117117
text-decoration: underline;
118+
text-decoration-thickness: 1px;
118119
text-underline-offset: 0.1em;
119120

120121
&.mzp-is-active {
@@ -284,10 +285,6 @@ $margin-top: 54px; // top margin offset for mobile navigation menu
284285
}
285286
}
286287

287-
&::after {
288-
background: $m24-color-dark-green;
289-
}
290-
291288
.m24-c-menu-panel {
292289
@include bidi(((animation, none, none),));
293290
}
@@ -330,30 +327,18 @@ $margin-top: 54px; // top margin offset for mobile navigation menu
330327
.m24-c-menu-title-icon {
331328
@include bidi(((margin, 0 8px 0 0, 0 0 0 8px),));
332329
}
333-
334-
.m24-c-menu-title {
335-
@media #{$mq-md} {
336-
&:hover::after {
337-
bottom: 1px;
338-
width: calc(100% - 24px);
339-
@include bidi(((left, 24px, right, auto),));
340-
}
341-
}
342-
}
343330
}
344331
}
345332

346333
.m24-c-menu-title {
347334
align-items: center;
348335
border: none;
349-
color: $color-black;
350336
display: flex;
351337
font-family: $primary-font;
352338
font-size: $text-body-md;
353339
font-weight: 600;
354340
padding: 0;
355341
position: relative;
356-
text-decoration: none;
357342
width: 100%;
358343

359344
&:link,
@@ -367,15 +352,10 @@ $margin-top: 54px; // top margin offset for mobile navigation menu
367352
}
368353

369354
@media #{$mq-md} {
370-
&:hover::after {
371-
background: $color-black;
372-
bottom: 1px;
373-
content: "";
374-
display: block;
375-
height: 1px;
376-
left: 0;
377-
position: absolute;
378-
width: 100%;
355+
&:hover {
356+
text-decoration: underline;
357+
text-decoration-thickness: 1px;
358+
text-underline-offset: 0.15em;
379359
}
380360
}
381361
}

0 commit comments

Comments
 (0)