From ea57eb65f9f98822a71354bfea11a499257a37e5 Mon Sep 17 00:00:00 2001
From: shamalainen <sebastian@hamse.fi>
Date: Mon, 15 Mar 2021 16:27:28 +0200
Subject: [PATCH] Add blue line above links
---
.../navigation/menu-item/menu-item.scss | 2 +-
.../menu-level-container.scss | 16 ++++++++++++++++
2 files changed, 17 insertions(+), 1 deletion(-)
diff --git a/src/components/navigation/menu-item/menu-item.scss b/src/components/navigation/menu-item/menu-item.scss
index 5edf9e4d..0788c05e 100644
--- a/src/components/navigation/menu-item/menu-item.scss
+++ b/src/components/navigation/menu-item/menu-item.scss
@@ -97,8 +97,8 @@
@include font-size(24px, 28px);
@include font-weight($bold);
letter-spacing: -0.06px;
- text-transform: uppercase;
position: relative;
+ text-transform: uppercase;
// Drill-down heading.
&:not(.is-active):not(.is-active-trail) {
diff --git a/src/components/navigation/menu-level-container/menu-level-container.scss b/src/components/navigation/menu-level-container/menu-level-container.scss
index 005404a1..5e4245eb 100644
--- a/src/components/navigation/menu-level-container/menu-level-container.scss
+++ b/src/components/navigation/menu-level-container/menu-level-container.scss
@@ -16,6 +16,22 @@
transform: translateX(0);
visibility: visible !important;
}
+
+ &.hy-menu-level-container--level-1 {
+ padding-top: 8px;
+ position: relative;
+
+ &:before {
+ background-color: var(--brand-main-light);
+ content: '';
+ display: block;
+ height: 3px;
+ left: 12px;
+ position: absolute;
+ right: 12px;
+ top: 0;
+ }
+ }
}
&--desktop {
--
GitLab