From ca97ddfa7a71afdd32093b0d00c81cdfe4438106 Mon Sep 17 00:00:00 2001
From: Prasanta Kumar Dutta <7580745+pkd2512@users.noreply.github.com>
Date: Tue, 5 Sep 2023 19:20:30 +0530
Subject: [PATCH] body-caption spacing #116

---
 src/components/Byline/Byline.svelte         | 11 ++++++++---
 src/scss/tokens/text/mixins/_text-role.scss |  3 ++-
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/components/Byline/Byline.svelte b/src/components/Byline/Byline.svelte
index 58c3d0d5..72706de7 100644
--- a/src/components/Byline/Byline.svelte
+++ b/src/components/Byline/Byline.svelte
@@ -66,7 +66,7 @@
 
 <Block id="{id}" class="byline-container {alignmentClass} {cls}" width="normal">
   <aside class="article-metadata font-subhed">
-    <div class="byline body-caption">
+    <div class="byline">
       {#if $$slots.byline}
         <!-- Custom byline -->
         <slot name="byline" />
@@ -92,7 +92,7 @@
         {/if}
       {/if}
     </div>
-    <div class="dateline fmt-0 body-caption">
+    <div class="dateline fmt-0">
       {#if $$slots.published}
         <div class="whitespace-nowrap inline-block">
           <!-- Custom published dateline -->
@@ -137,7 +137,6 @@
   @use '../../scss/mixins' as *;
 
   .byline-container {
-    @include font-regular;
     a {
       &:hover {
         text-decoration-line: underline;
@@ -145,6 +144,12 @@
     }
   }
 
+  .byline,
+  .dateline {
+    @include body-caption;
+    @include fmb-1;
+  }
+
   @media (min-width: $column-width-narrower) {
     .dateline {
       div {
diff --git a/src/scss/tokens/text/mixins/_text-role.scss b/src/scss/tokens/text/mixins/_text-role.scss
index 47b15293..230a7198 100644
--- a/src/scss/tokens/text/mixins/_text-role.scss
+++ b/src/scss/tokens/text/mixins/_text-role.scss
@@ -76,7 +76,8 @@
   @include text-xs;
   @include leading-tighter;
   @include font-regular;
-  @include fmy-1;
+  @include fmt-1;
+  @include fmb-2;
 }
 
 @mixin body-link {