Refactoring margin/padding properties to align to sizing system [amends

#496, #495]
USDA-FSA · Nov 18, 2021 · 3a702bf · 3a702bf
1 parent a167861
commit 3a702bf
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/src/stylesheets/core/_fsa.utilities.scss b/src/stylesheets/core/_fsa.utilities.scss
@@ -203,7 +203,7 @@ $breakpoints: (
   @if $scale == 1 { font-size: $font-size-1; line-height: $base-line-height; }
   @if $scale == 2 { font-size: $font-size-2; line-height: $base-line-height; }
   @if $scale == 3 { font-size: $font-size-3; line-height: 2.8rem; }
-  @if $scale == 4 { font-size: $font-size-4; line-height: 2.8rem }
+  @if $scale == 4 { font-size: $font-size-4; line-height: 3.6rem; }
   @if $scale == 5 { font-size: $font-size-5; line-height: 3.6rem; }
   @if $scale == 6 { font-size: $font-size-6; line-height: 5.2rem; }
   @if $scale == 7 { font-size: $font-size-7; line-height: 6.4rem; }

diff --git a/src/stylesheets/elements/_fsa.typography.scss b/src/stylesheets/elements/_fsa.typography.scss
@@ -44,6 +44,7 @@ h6, .h6 { @include fsa-header('6'); }
   @include breakpoint(M) {
     font-weight: $font-light;
     font-size: $lead-font-size;
+    margin-bottom: $size-medium;
   }
 
   strong {