From c7965550b9af94401607e171fff0023e017458f9 Mon Sep 17 00:00:00 2001 From: James Tranovich Date: Wed, 22 Apr 2020 13:21:06 -0700 Subject: [PATCH] adjust header sizes and weights --- pages/_scss/_uswds-theme-typography.scss | 16 ++++++++-------- pages/_scss/components/_typography.scss | 20 ++++++++++---------- 2 files changed, 18 insertions(+), 18 deletions(-) diff --git a/pages/_scss/_uswds-theme-typography.scss b/pages/_scss/_uswds-theme-typography.scss index cd958a94d..c1f221a94 100644 --- 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 index f8fe87c8f..c20d3de39 100644 --- 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"); } }