From 75e6ac1101ddff894d778d7492918e7e03c423e0 Mon Sep 17 00:00:00 2001
From: shamalainen <sebastian@hamse.fi>
Date: Wed, 24 Feb 2021 11:56:05 +0200
Subject: [PATCH] Update heading sizes
---
src/components/heading/heading.scss | 42 ++++++++++++++---------------
1 file changed, 20 insertions(+), 22 deletions(-)
diff --git a/src/components/heading/heading.scss b/src/components/heading/heading.scss
index 18b463a5..20830bab 100644
--- a/src/components/heading/heading.scss
+++ b/src/components/heading/heading.scss
@@ -101,15 +101,10 @@
// These styles are applied if there is a Sidebar on the page in Desktop sizes
h2.hy-heading__introduction,
h2.hy-heading__landingsection {
- @include font-size(28px, 28px);
+ @include font-size(28px, 32px);
@include font-weight($bold);
- letter-spacing: -1px;
+ letter-spacing: -0.7px;
text-transform: uppercase;
-
- @include breakpoint($narrow) {
- @include font-size(40px, 40px);
- letter-spacing: -1.3px;
- }
}
/*
@@ -154,12 +149,13 @@ h1.hy-heading__introduction {
h2.hy-heading__introduction,
h2.hy-heading__landingsection {
@include breakpoint($extrawide) {
- @include font-size(40px, 40px);
- letter-spacing: -1.3px;
+ @include font-size(34px, 40px);
+ letter-spacing: -0.85px;
}
+
@include breakpoint($xlarge) {
- @include font-size(48px, 48px);
- letter-spacing: -1.6px;
+ @include font-size(42px, 48px);
+ letter-spacing: -1.05px;
}
}
@@ -193,12 +189,13 @@ h1.hy-heading__introduction {
h2.hy-heading__introduction,
h2.hy-heading__landingsection {
@include breakpoint($extrawide) {
- @include font-size(48px, 48px);
- letter-spacing: -1.6px;
+ @include font-size(34px, 40px);
+ letter-spacing: -0.85px;
}
+
@include breakpoint($xlarge) {
- @include font-size(48px, 48px);
- letter-spacing: -1.6px;
+ @include font-size(42px, 48px);
+ letter-spacing: -1.05px;
}
}
@@ -302,18 +299,19 @@ h1 {
// default h2 used in content pages
h2 {
@include font-size(26px, 32px);
- letter-spacing: -0.8px;
+ @include font-weight($bold);
+ letter-spacing: -0.52px;
- @include breakpoint($narrow) {
- // > 480px
- @include font-size(32px, 32px);
- letter-spacing: -1px;
+ @include breakpoint($wide) {
+ // > 960px
+ @include font-size(30px, 36px);
+ letter-spacing: -0.6px;
}
@include breakpoint($extrawide) {
// > 1200px
- @include font-size(40px, 48px);
- letter-spacing: -1.2px;
+ @include font-size(34px, 40px);
+ letter-spacing: -0.68px;
}
}
--
GitLab