diff --git a/src/app/pages/flex-page/blocks/CTABlock.scss b/src/app/pages/flex-page/blocks/CTABlock.scss index d75a6b653..0b8d0f2e6 100644 --- a/src/app/pages/flex-page/blocks/CTABlock.scss +++ b/src/app/pages/flex-page/blocks/CTABlock.scss @@ -11,10 +11,12 @@ > a:nth-of-type(1):not(.styled-button) { @include button(); @extend %primary; + @include body-font(2rem); } > a:nth-of-type(2):not(.styled-button) { @include button(); background-color: ui-color(white); + @include body-font(2rem); } } @@ -23,22 +25,26 @@ &.style-orange { @include button(); @extend %primary; + @include body-font(2rem); } &.style-white { @include button(); background-color: ui-color(white); + @include body-font(2rem); } &.style-blue_outline { @include button(); background-color: ui-color(white); border-color: os-color(blue); + @include body-font(2rem); } &.style-deep_green_outline { @include button(); background-color: ui-color(white); border-color: os-color(deep-green); + @include body-font(2rem); } } diff --git a/src/app/pages/flex-page/blocks/CardsBlock.scss b/src/app/pages/flex-page/blocks/CardsBlock.scss index b985c2a07..b6e9db683 100644 --- a/src/app/pages/flex-page/blocks/CardsBlock.scss +++ b/src/app/pages/flex-page/blocks/CardsBlock.scss @@ -82,4 +82,8 @@ box-shadow: 0 -1rem 0 os-color(red); } } + + h2, h3 { + @include scale-set-font(h4, h3); + } } diff --git a/src/app/pages/flex-page/blocks/LinksBlock.scss b/src/app/pages/flex-page/blocks/LinksBlock.scss index 5ac51b783..1376cb5e2 100644 --- a/src/app/pages/flex-page/blocks/LinksBlock.scss +++ b/src/app/pages/flex-page/blocks/LinksBlock.scss @@ -10,6 +10,7 @@ > a { @include button(); + @include body-font(2rem); white-space: break-spaces; padding: 1.5rem; height: auto; diff --git a/src/app/pages/flex-page/blocks/RichTextBlock.scss b/src/app/pages/flex-page/blocks/RichTextBlock.scss index 38cecdfd3..b6e67c689 100644 --- a/src/app/pages/flex-page/blocks/RichTextBlock.scss +++ b/src/app/pages/flex-page/blocks/RichTextBlock.scss @@ -11,17 +11,8 @@ margin-top: 0; } - h1 { - @include title-font(4.8rem); - } - h2 { - @include title-font(2.6rem); - } - h3 { - @include title-font(1.8rem); - } - h4, h5, h6 { - @include title-font(1.6rem); + h5, h6 { + @extend %text-h4; } p {