From af0a9e5d2f38c697835a0f1e0c4b7f84a7cdf817 Mon Sep 17 00:00:00 2001
From: shamalainen <sebastian@hamse.fi>
Date: Thu, 12 Nov 2020 11:55:54 +0200
Subject: [PATCH] Update mobile menu breadcrumbs styling and spacings
---
src/components/navigation/menu-item/menu-item.scss | 3 ++-
.../menu-mobile-breadcrumb.scss | 11 ++++++++++-
2 files changed, 12 insertions(+), 2 deletions(-)
diff --git a/src/components/navigation/menu-item/menu-item.scss b/src/components/navigation/menu-item/menu-item.scss
index fcbda807..2bcafc7e 100644
--- a/src/components/navigation/menu-item/menu-item.scss
+++ b/src/components/navigation/menu-item/menu-item.scss
@@ -118,10 +118,11 @@ a {
&.hy-menu-item--mobile {
color: var(--brand-main-light);
- padding: 12px 0 12px 20px;
+ padding: 12px 12px 12px 20px;
&.is-active,
&.in-active-trail {
+ @include font-weight($bold);
color: var(--grayscale-black);
position: relative;
diff --git a/src/components/navigation/menu-mobile-breadcrumb/menu-mobile-breadcrumb.scss b/src/components/navigation/menu-mobile-breadcrumb/menu-mobile-breadcrumb.scss
index 51084fa1..5b81b608 100644
--- a/src/components/navigation/menu-mobile-breadcrumb/menu-mobile-breadcrumb.scss
+++ b/src/components/navigation/menu-mobile-breadcrumb/menu-mobile-breadcrumb.scss
@@ -4,18 +4,27 @@
border: 0 none;
cursor: pointer;
display: flex;
- margin: 0 0 15px;
+ margin: 0 0 24px 16px;
padding: 0;
+ @include breakpoint($narrow) {
+ margin: 0 0 24px 28px;
+ }
+
&:focus {
outline: solid 2px var(--additional-yellow);
outline-offset: 2px;
}
+ svg {
+ fill: var(--brand-main-light);
+ }
+
&__label {
@include font-size(14px, 20px);
@include font-weight($regular);
align-items: center;
+ color: var(--brand-main-light);
display: flex;
margin-left: 6px;
text-align: left;
--
GitLab