diff --git a/src/components/heading/heading.scss b/src/components/heading/heading.scss index 51263f09446264ade39a2f68f4d8d6bc60636411..f9606f72ff1519cd5209f4a1c6bbb7dfceb44e27 100644 --- a/src/components/heading/heading.scss +++ b/src/components/heading/heading.scss @@ -87,7 +87,8 @@ } } -// h2 used in landing pages: caps, bigger font +// H2 used in landing pages and in Introduction paragraph: caps, bigger font. +h2.hy-heading__introduction, h2.hy-heading__landingsection { @include font-size(28px, 32px); letter-spacing: -0.88px; @@ -167,49 +168,6 @@ h1.hy-heading__introduction { } } -/* - H2 used in Introduction paragraph. -*/ -h2.hy-heading__introduction { - @include font-size(28px, 32px); - @include font-weight($bold); - - //color: inherit; - font-family: var(--main-font-family); - letter-spacing: -0.88px; - margin-bottom: 16px; - margin-top: 36px; - padding: 0; - text-transform: uppercase; - - @include breakpoint($narrow) { - // > 960px - @include font-size(40px, 40px); - letter-spacing: -1.25px; - margin-bottom: 24px; - margin-top: 46px; - } - - @include breakpoint($wide) { - // > 960px - @include font-size(40px, 40px); - letter-spacing: -1.25px; - margin-top: 0; - } - - @include breakpoint($extrawide) { - // > 1200px - @include font-size(48px, 52px); - letter-spacing: -1.6px; - } - - @include breakpoint($overwide) { - // > 1400px - @include font-size(54px, 40px); - letter-spacing: -1.69px; - } -} - h1, h2, h3,