Merge branch 'NXSTAGE-1419-h2-size' into 'development'

NXSTAGE-1419: Update h2 heading sizes

See merge request julkiset-sivut/design-system-lib!152

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;
   }
 }