From 06dc4d1b95fbb4eb8bd81acf87791e62c9051290 Mon Sep 17 00:00:00 2001
From: shamalainen <sebastian@hamse.fi>
Date: Mon, 15 Mar 2021 15:59:21 +0200
Subject: [PATCH] Update mobile menu headings
---
.../navigation/menu-item/menu-item.scss | 38 ++++++++++++++-----
1 file changed, 29 insertions(+), 9 deletions(-)
diff --git a/src/components/navigation/menu-item/menu-item.scss b/src/components/navigation/menu-item/menu-item.scss
index 09e7bf87..5edf9e4d 100644
--- a/src/components/navigation/menu-item/menu-item.scss
+++ b/src/components/navigation/menu-item/menu-item.scss
@@ -94,24 +94,44 @@
}
&.is-heading {
- @include font-size(24px, 24px);
+ @include font-size(24px, 28px);
@include font-weight($bold);
- background: transparent;
- border-bottom: 3px solid var(--brand-main-light);
- color: var(--brand-main-light);
- margin-top: -24px;
- padding-bottom: 24px;
- padding-top: 24px;
+ letter-spacing: -0.06px;
text-transform: uppercase;
+ position: relative;
+
+ // Drill-down heading.
+ &:not(.is-active):not(.is-active-trail) {
+ color: var(--brand-main-light);
+ margin-top: 8px;
+ padding-bottom: 12px;
+ padding-right: 8px;
+ padding-top: 12px;
+
+ &:before {
+ background-color: var(--brand-main-light);
+ content: '';
+ display: block;
+ height: 3px;
+ left: 0;
+ position: absolute;
+ right: 0;
+ top: -8px;
+ }
+ }
&.is-active,
&.in-active-trail {
@include font-weight($bold);
+ background: transparent;
+ border-bottom: 0;
color: var(--grayscale-black);
- position: relative;
+ margin-top: -12px;
+ padding-bottom: 24px;
+ padding-top: 24px;
&:before {
- border-left-width: 4px;
+ border-left-width: 5px;
height: 55%;
}
}
--
GitLab