body-caption spacing #116

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 {

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 {