From 8de8d298a553c4c5f316c98f0c9fadadec1aca87 Mon Sep 17 00:00:00 2001
From: druid <druid@druids-MBP-2.lan>
Date: Tue, 12 Jan 2021 16:44:06 +0200
Subject: [PATCH] font sizes header
---
.../navigation/menu-language/menu-language.scss | 2 ++
src/components/site-header/site-header.scss | 1 +
src/components/site-header/site-logo/site-logo.scss | 10 +++++++---
.../site-header/site-search/site-search.scss | 4 +++-
4 files changed, 13 insertions(+), 4 deletions(-)
diff --git a/src/components/navigation/menu-language/menu-language.scss b/src/components/navigation/menu-language/menu-language.scss
index 14d264bd..7565c7fe 100644
--- a/src/components/navigation/menu-language/menu-language.scss
+++ b/src/components/navigation/menu-language/menu-language.scss
@@ -27,6 +27,7 @@
color: var(--brand-main-nearly-black);
display: flex;
flex-flow: row;
+ font-family: var(--main-font-family);
font-weight: 600;
letter-spacing: -0.4px;
margin: 0 -4px;
@@ -35,6 +36,7 @@
@include breakpoint($extrawide) {
@include font-size(12px, 12px);
+ font-weight: 400;
letter-spacing: -0.6px;
}
diff --git a/src/components/site-header/site-header.scss b/src/components/site-header/site-header.scss
index 88c57bc8..c9744756 100644
--- a/src/components/site-header/site-header.scss
+++ b/src/components/site-header/site-header.scss
@@ -206,6 +206,7 @@
@include breakpoint($extrawide) {
@include font-size(12px, 12px);
+ font-weight: 400;
letter-spacing: -0.6px;
}
diff --git a/src/components/site-header/site-logo/site-logo.scss b/src/components/site-header/site-logo/site-logo.scss
index 9e05b7ad..ec97df50 100644
--- a/src/components/site-header/site-logo/site-logo.scss
+++ b/src/components/site-header/site-logo/site-logo.scss
@@ -23,7 +23,7 @@
@include font-weight($bold);
color: var(--site-logo-color);
font-family: var(--main-font-family);
- letter-spacing: -0.9px;
+ letter-spacing: -0.7px;
margin-left: 8px;
max-width: 90px;
text-transform: uppercase;
@@ -36,22 +36,26 @@
@include breakpoint($narrow) {
@include font-size(15px, 16px);
+ letter-spacing: -0.75px;
margin-left: 6px;
}
@include breakpoint($extrawide) {
@include font-size(14px, 14px);
+ letter-spacing: -0.6px;
+ margin-left: 4px;
}
@include breakpoint($xlarge) {
@include font-size(16px, 16px);
- margin-left: 8px;
+ letter-spacing: -0.7px;
+ margin-left: 4px;
}
}
&__icon svg {
height: 32px;
- width: 34px;
+ width: 33.41px;
@include breakpoint($narrow) {
height: 48px;
diff --git a/src/components/site-header/site-search/site-search.scss b/src/components/site-header/site-search/site-search.scss
index dafd132f..f9991d1e 100644
--- a/src/components/site-header/site-search/site-search.scss
+++ b/src/components/site-header/site-search/site-search.scss
@@ -12,7 +12,8 @@
@include breakpoint($wide) {
flex-direction: row-reverse;
- padding: 4px 0;
+ //padding: 4px 0;
+ padding: 0;
&:focus {
outline: solid 2px var(--additional-yellow);
@@ -54,6 +55,7 @@
@include breakpoint($extrawide) {
@include font-size(12px, 12px);
+ font-weight: 400;
letter-spacing: -0.6px;
}
--
GitLab