From 00d53ad71766f9a39fde3d2481fdf76ffdaedb28 Mon Sep 17 00:00:00 2001
From: Prasanta Kumar Dutta <7580745+pkd2512@users.noreply.github.com>
Date: Fri, 1 Sep 2023 17:00:17 +0530
Subject: [PATCH] quick fixes for #116

---
 src/components/NoteText/NoteText.svelte          | 6 +++++-
 src/components/SiteFooter/Referrals/index.svelte | 2 +-
 src/components/SiteHeadline/SiteHeadline.svelte  | 6 ++----
 src/scss/tokens/text/mixins/_text-role.scss      | 2 +-
 4 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/components/NoteText/NoteText.svelte b/src/components/NoteText/NoteText.svelte
index ab70a238..ce607904 100644
--- a/src/components/NoteText/NoteText.svelte
+++ b/src/components/NoteText/NoteText.svelte
@@ -30,7 +30,11 @@
     h4,
     h5,
     h6 {
-      @include h3;
+      @include body-note;
+      @include tracking-wide;
+      @include text-primary;
+      @include font-semibold;
+      @include fmt-3;
       text-transform: none;
     }
 
diff --git a/src/components/SiteFooter/Referrals/index.svelte b/src/components/SiteFooter/Referrals/index.svelte
index 86a48530..237fbb89 100644
--- a/src/components/SiteFooter/Referrals/index.svelte
+++ b/src/components/SiteFooter/Referrals/index.svelte
@@ -8,7 +8,7 @@
 <IntersectionObserver let:intersecting top="{2400}" once="{true}">
   {#if intersecting}
     <section class="referrals px-0 py-5">
-      <h2 class="text-base font-medium">
+      <h2 class="fmt-0 text-base font-medium">
         <a href="https://graphics.reuters.com/">More from Reuters Graphics</a>
       </h2>
       {#if typeof window !== 'undefined'}
diff --git a/src/components/SiteHeadline/SiteHeadline.svelte b/src/components/SiteHeadline/SiteHeadline.svelte
index ad8afde3..6b0cd9eb 100644
--- a/src/components/SiteHeadline/SiteHeadline.svelte
+++ b/src/components/SiteHeadline/SiteHeadline.svelte
@@ -70,7 +70,7 @@
   }
 </script>
 
-<Block id="{id}" class="headline-container !my-16 {cls}" width="normal">
+<Block id="{id}" class="headline-container fmt-9 fmb-5 {cls}" width="normal">
   <header class="headline">
     <div class="title">
       {#if section}
@@ -87,9 +87,7 @@
         </p>
       {/if}
       {#if hed}
-        <h1
-          class="font-hed text-primary leading-none font-medium fmt-1 fmb-3 {hedClass}"
-        >
+        <h1 class="fmt-1 fmb-3 {hedClass}">
           {hed}
         </h1>
       {/if}
diff --git a/src/scss/tokens/text/mixins/_text-role.scss b/src/scss/tokens/text/mixins/_text-role.scss
index 9586205e..b6f318a5 100644
--- a/src/scss/tokens/text/mixins/_text-role.scss
+++ b/src/scss/tokens/text/mixins/_text-role.scss
@@ -58,7 +58,7 @@
 
 @mixin body-note {
   @include fmt-0;
-  @include fmb-2;
+  @include fmb-1;
   @include font-note;
   font-size: calc(0.85 * var(--theme-font-size-base));
   @include font-light;