diff --git a/src/components/heading/heading.scss b/src/components/heading/heading.scss index 18b463a5c8f29b86ab075f86a9204116283cccff..20830bab69040fd15609de39207991767eefb796 100644 --- a/src/components/heading/heading.scss +++ b/src/components/heading/heading.scss @@ -101,15 +101,10 @@ // These styles are applied if there is a Sidebar on the page in Desktop sizes h2.hy-heading__introduction, h2.hy-heading__landingsection { - @include font-size(28px, 28px); + @include font-size(28px, 32px); @include font-weight($bold); - letter-spacing: -1px; + letter-spacing: -0.7px; text-transform: uppercase; - - @include breakpoint($narrow) { - @include font-size(40px, 40px); - letter-spacing: -1.3px; - } } /* @@ -154,12 +149,13 @@ h1.hy-heading__introduction { h2.hy-heading__introduction, h2.hy-heading__landingsection { @include breakpoint($extrawide) { - @include font-size(40px, 40px); - letter-spacing: -1.3px; + @include font-size(34px, 40px); + letter-spacing: -0.85px; } + @include breakpoint($xlarge) { - @include font-size(48px, 48px); - letter-spacing: -1.6px; + @include font-size(42px, 48px); + letter-spacing: -1.05px; } } @@ -193,12 +189,13 @@ h1.hy-heading__introduction { h2.hy-heading__introduction, h2.hy-heading__landingsection { @include breakpoint($extrawide) { - @include font-size(48px, 48px); - letter-spacing: -1.6px; + @include font-size(34px, 40px); + letter-spacing: -0.85px; } + @include breakpoint($xlarge) { - @include font-size(48px, 48px); - letter-spacing: -1.6px; + @include font-size(42px, 48px); + letter-spacing: -1.05px; } } @@ -302,18 +299,19 @@ h1 { // default h2 used in content pages h2 { @include font-size(26px, 32px); - letter-spacing: -0.8px; + @include font-weight($bold); + letter-spacing: -0.52px; - @include breakpoint($narrow) { - // > 480px - @include font-size(32px, 32px); - letter-spacing: -1px; + @include breakpoint($wide) { + // > 960px + @include font-size(30px, 36px); + letter-spacing: -0.6px; } @include breakpoint($extrawide) { // > 1200px - @include font-size(40px, 48px); - letter-spacing: -1.2px; + @include font-size(34px, 40px); + letter-spacing: -0.68px; } }