diff --git a/app/assets/stylesheets/views/_homepage_more_on_govuk_new.scss b/app/assets/stylesheets/views/_homepage_more_on_govuk_new.scss index c7f0f0c4f9..79cb6dbac9 100644 --- a/app/assets/stylesheets/views/_homepage_more_on_govuk_new.scss +++ b/app/assets/stylesheets/views/_homepage_more_on_govuk_new.scss @@ -9,4 +9,10 @@ .homepage-most-active-list__item { margin: 0 0 govuk-spacing(4) 0; @include govuk-font($size: 19, $weight: bold); + + // Ensure font-size is 19px on mobile for the new homepage design + @include govuk-media-query($until: "tablet") { + font-size: 19px; + font-size: govuk-px-to-rem(19); + } } diff --git a/app/assets/stylesheets/views/_homepage_new.scss b/app/assets/stylesheets/views/_homepage_new.scss index 6da7231ee1..39439c3597 100644 --- a/app/assets/stylesheets/views/_homepage_new.scss +++ b/app/assets/stylesheets/views/_homepage_new.scss @@ -72,6 +72,15 @@ .chevron-card__wrapper { padding: 19px 0 4px; position: relative; + + .govuk-heading-s, + .chevron-card__description { + // Ensure font-size is 19px on mobile for the new homepage design + @include govuk-media-query($until: "tablet") { + font-size: 19px; + font-size: govuk-px-to-rem(19); + } + } } .chevron-card__description { @@ -161,6 +170,15 @@ .gem-c-image-card__text-wrapper.gem-c-image-card__text-wrapper--two-thirds { padding-left: 0; } + + .gem-c-image-card__title-link, + .gem-c-image-card__description { + // Ensure font-size is 19px on mobile for the new homepage design + @include govuk-media-query($until: "tablet") { + font-size: 19px; + font-size: govuk-px-to-rem(19); + } + } } .homepage-section--services-and-info { @@ -185,6 +203,22 @@ margin: 0 0 govuk-spacing(6); padding: govuk-spacing(8) 0 0; + .govuk-body { + // Ensure font-size is 19px on mobile for the new homepage design + @include govuk-media-query($until: "tablet") { + font-size: 19px; + font-size: govuk-px-to-rem(19); + } + } + + .govuk-heading-l { + // Ensure font-size is 32px on mobile for the new homepage design + @include govuk-media-query($until: "tablet") { + font-size: 32px; + font-size: govuk-px-to-rem(32); + } + } + @include govuk-media-query($from: "desktop") { border: none; padding: 0; diff --git a/app/assets/stylesheets/views/_popular_links.scss b/app/assets/stylesheets/views/_popular_links.scss index 0e814717fa..707dd9d655 100644 --- a/app/assets/stylesheets/views/_popular_links.scss +++ b/app/assets/stylesheets/views/_popular_links.scss @@ -12,6 +12,14 @@ padding-right: 9px; } + .govuk-heading-l { + // Ensure font-size is 32px on mobile for the new homepage design + @include govuk-media-query($until: "tablet") { + font-size: 32px; + font-size: govuk-px-to-rem(32); + } + } + @include govuk-media-query($from: "desktop") { padding: govuk-spacing(9) 0 28px; }