adjust header sizes and weights

GSA · Apr 22, 2020 · c796555 · c796555
1 parent 977a62b
commit c796555
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 18 deletions.
diff --git a/pages/_scss/_uswds-theme-typography.scss b/pages/_scss/_uswds-theme-typography.scss
@@ -398,15 +398,15 @@ $theme-body-line-height: 4;
 $theme-style-body-element: false;
 
 // Headings
-$theme-h1-font-size: "2xl";
-$theme-h2-font-size: "xl";
-$theme-h3-font-size: "lg";
-$theme-h4-font-size: "md";
-$theme-h5-font-size: "sm";
-$theme-h6-font-size: "xs";
+$theme-h1-font-size: "xl";
+$theme-h2-font-size: "lg";
+$theme-h3-font-size: "md";
+$theme-h4-font-size: "sm";
+$theme-h5-font-size: "xs";
+$theme-h6-font-size: "2xs";
 $theme-heading-line-height: 3;
-$theme-small-font-size: "2xs";
-$theme-title-font-size: "3xl";
+$theme-small-font-size: "3xs";
+$theme-title-font-size: "2xl";
 
 $theme-h1-mobile-font-size: $theme-h2-font-size;
 $theme-h2-mobile-font-size: $theme-h3-font-size;

diff --git a/pages/_scss/components/_typography.scss b/pages/_scss/components/_typography.scss
@@ -1,70 +1,70 @@
 h1,
 .usa-prose > h1 {
   @include u-font($theme-font-role-heading, $theme-h1-mobile-font-size);
-  @include u-text("normal");
+  @include u-text("semibold");
 }
 
 @include at-media("mobile-lg") {
   h1,
   .usa-prose > h1 {
     @include u-font($theme-font-role-heading, $theme-h1-font-size);
-    @include u-text("normal");
+    @include u-text("semibold");
   }
 }
 
 h2,
 .usa-prose > h2 {
   @include u-font($theme-font-role-heading, $theme-h2-mobile-font-size);
-  @include u-text("normal");
+  @include u-text("semibold");
 }
 
 @include at-media("mobile-lg") {
   h2,
   .usa-prose > h2 {
     @include u-font($theme-font-role-heading, $theme-h2-font-size);
-    @include u-text("normal");
+    @include u-text("semibold");
   }
 }
 
 h3,
 .usa-prose > h3 {
   @include u-font($theme-font-role-heading, $theme-h3-mobile-font-size);
-  @include u-text("normal");
+  @include u-text("semibold");
 }
 
 @include at-media("mobile-lg") {
   h3,
   .usa-prose > h3 {
     @include u-font($theme-font-role-heading, $theme-h3-font-size);
-    @include u-text("normal");
+    @include u-text("semibold");
   }
 }
 
 h4,
 .usa-prose > h4 {
   @include u-font($theme-font-role-heading, $theme-h4-mobile-font-size);
-  @include u-text("normal");
+  @include u-text("semibold");
 }
 
 @include at-media("mobile-lg") {
   h4,
   .usa-prose > h4 {
     @include u-font($theme-font-role-heading, $theme-h4-font-size);
-    @include u-text("normal");
+    @include u-text("semibold");
   }
 }
 
 h5,
 .usa-prose > h5 {
   @include u-font($theme-font-role-heading, $theme-h5-mobile-font-size);
-  @include u-text("normal");
+  @include u-text("semibold");
 }
 
 @include at-media("mobile-lg") {
   h5,
   .usa-prose > h5 {
     @include u-font($theme-font-role-heading, $theme-h5-font-size);
-    @include u-text("normal");
+    @include u-text("semibold");
   }
 }