From a0bc19d497ac59f038d1a611545023589cbd6282 Mon Sep 17 00:00:00 2001
From: druid <druid@druids-MBP-2.lan>
Date: Mon, 18 Jan 2021 17:25:45 +0200
Subject: [PATCH] menu lang mobile styles
---
.../menu-language-item.scss | 29 ++++++++++++-------
1 file changed, 18 insertions(+), 11 deletions(-)
diff --git a/src/components/navigation/menu-language-item/menu-language-item.scss b/src/components/navigation/menu-language-item/menu-language-item.scss
index 2b9bd26f..86eaffe2 100644
--- a/src/components/navigation/menu-language-item/menu-language-item.scss
+++ b/src/components/navigation/menu-language-item/menu-language-item.scss
@@ -3,14 +3,15 @@
}
a {
- @include font-size(12px, 20px);
+ @include font-size(12px, 16px);
@include font-weight($regular);
align-items: center;
color: var(--brand-main-nearly-black);
display: flex;
font-family: var(--main-font-family);
- letter-spacing: -0.4px;
+ letter-spacing: -0.07px;
margin-left: 20px;
+ position: relative;
text-decoration: none;
text-transform: uppercase;
@@ -40,13 +41,22 @@ a {
}
&.is-active {
+ @include font-weight($bold);
+ color: var(--grayscale-black);
+
@include breakpoint($wide) {
+ @include font-weight($semibold);
border: 2px solid var(--grayscale-black);
}
- .hy-menu-language-item__label {
- color: var(--grayscale-black);
- border-bottom: 2px solid var(--additional-orange);
+ .hy-menu-language-item__label:after {
+ content: ' ';
+ border-bottom: 3px solid var(--additional-orange);
+ bottom: -6px;
+ left: 0;
+ position: absolute;
+ transform: scaleX(-1) scaleY(-1);
+ width: 100%;
@include breakpoint($wide) {
border: none;
@@ -55,13 +65,10 @@ a {
}
&.is-disabled {
- @include breakpoint($wide) {
+ color: var(--link-disabled);
+ &:hover {
+ background-color: transparent;
color: var(--link-disabled);
-
- &:hover {
- background-color: transparent;
- color: var(--link-disabled);
- }
}
}
--
GitLab