diff --git a/CHANGELOG.md b/CHANGELOG.md index 17fc8487..35521d6f 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -7,6 +7,12 @@ and this project adheres to [Semantic Versioning](http://semver.org/). ## [Unreleased] +## [6.29.0] - 2024-08-20 + +### Changed + +- Replaced deprecated govuk-font-size(14px) with fixed css + ## [6.28.0] - 2024-08-21 ### Changed diff --git a/package-lock.json b/package-lock.json index 74917b4d..7cbc6c02 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "hmrc-frontend", - "version": "6.27.0", + "version": "6.29.0", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "hmrc-frontend", - "version": "6.27.0", + "version": "6.29.0", "license": "Apache-2.0", "dependencies": { "accessible-autocomplete": "^2.0.4", diff --git a/package.json b/package.json index b024846a..0c81a4c2 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "hmrc-frontend", - "version": "6.28.0", + "version": "6.29.0", "description": "Design patterns for HMRC frontends", "scripts": { "start": "gulp dev", diff --git a/src/components/account-menu/_account-menu.scss b/src/components/account-menu/_account-menu.scss index cb5d95c1..2e9c9dd6 100644 --- a/src/components/account-menu/_account-menu.scss +++ b/src/components/account-menu/_account-menu.scss @@ -323,12 +323,36 @@ $hmrc-banner-blue: #005ea5; } .hmrc-full-width-banner__close { - @include govuk-font($size: 14); - + font-family: "GDS Transport", arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + font-weight: 400; + font-size: 0.75rem; + line-height: 1.25; position: absolute; top: 20px; right: 15px; - color: govuk-colour("white"); + color: #fff; +} + +@media print { + .hmrc-full-width-banner__close { + font-family: sans-serif; + } +} + +@media (min-width: 40.0625em) { + .hmrc-full-width-banner__close { + font-size: 0.875rem; + line-height: 1.42857; + } +} + +@media print { + .hmrc-full-width-banner__close { + font-size: 12pt; + line-height: 1.2; + } } @include mq(tablet) { diff --git a/src/components/notification-badge/_notification-badge.scss b/src/components/notification-badge/_notification-badge.scss index f2949bad..a61fa0aa 100644 --- a/src/components/notification-badge/_notification-badge.scss +++ b/src/components/notification-badge/_notification-badge.scss @@ -1,6 +1,9 @@ .hmrc-notification-badge { - @include govuk-font($size: 14); - + font-family: "GDS Transport", arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + font-size: 0.75rem; + line-height: 1.25; display: inline-block; min-width: 10px; padding: 1px 4px 0 4px; @@ -11,3 +14,23 @@ text-align: center; white-space: nowrap; } + +@media print { + .hmrc-notification-badge { + font-family: sans-serif; + } +} + +@media (min-width: 40.0625em) { + .hmrc-notification-badge { + font-size: 0.875rem; + line-height: 1.42857; + } +} + +@media print { + .hmrc-notification-badge { + font-size: 12pt; + line-height: 1.2; + } +}