From dfa04d4f5fbc42b86b55d88b0c01bee0947119be Mon Sep 17 00:00:00 2001 From: davidtrussler Date: Mon, 5 Feb 2024 15:54:45 +0000 Subject: [PATCH] Update border colours on email/print buttons for greater contrast --- CHANGELOG.md | 1 + .../govuk_publishing_components/components/_print-link.scss | 4 ++-- .../components/_single-page-notification-button.scss | 2 +- 3 files changed, 4 insertions(+), 3 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 179068808b..c1c4ef075a 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -10,6 +10,7 @@ ## Unreleased * Move the skip link after the cookie banner ([PR #3863](https://github.com/alphagov/govuk_publishing_components/pull/3863)) +* Update border colours on email/print buttons for greater contrast ([PR #3855](https://github.com/alphagov/govuk_publishing_components/pull/3855)) ## 37.3.0 diff --git a/app/assets/stylesheets/govuk_publishing_components/components/_print-link.scss b/app/assets/stylesheets/govuk_publishing_components/components/_print-link.scss index dc1d7a0372..71caa98350 100644 --- a/app/assets/stylesheets/govuk_publishing_components/components/_print-link.scss +++ b/app/assets/stylesheets/govuk_publishing_components/components/_print-link.scss @@ -34,7 +34,7 @@ $gem-c-print-link-background-height: 18px; } .gem-c-print-link__link { - box-shadow: inset 0 0 0 1px $govuk-border-colour; + box-shadow: inset 0 0 0 1px govuk-colour("dark-grey"); &:focus { border: 0; @@ -43,7 +43,7 @@ $gem-c-print-link-background-height: 18px; } .gem-c-print-link__button { - border: 1px solid $govuk-border-colour; + border: 1px solid govuk-colour("dark-grey"); color: $govuk-link-colour; cursor: pointer; margin: govuk-spacing(0); diff --git a/app/assets/stylesheets/govuk_publishing_components/components/_single-page-notification-button.scss b/app/assets/stylesheets/govuk_publishing_components/components/_single-page-notification-button.scss index 8b33da2e9b..dba53282d7 100644 --- a/app/assets/stylesheets/govuk_publishing_components/components/_single-page-notification-button.scss +++ b/app/assets/stylesheets/govuk_publishing_components/components/_single-page-notification-button.scss @@ -3,7 +3,7 @@ .gem-c-single-page-notification-button__submit { padding: govuk-spacing(2); margin: govuk-spacing(0); - border: 1px solid $govuk-border-colour; + border: 1px solid govuk-colour("dark-grey"); color: $govuk-link-colour; cursor: pointer; background: none;