From 2f4fddfeffca02778d35855a6b8d957762f211c5 Mon Sep 17 00:00:00 2001 From: Tom Byers Date: Mon, 14 Sep 2020 20:51:11 +0100 Subject: [PATCH] Update focus styles helper to latest version --- .../govuk-frontend/focus/helpers.scss | 18 +++++------------- 1 file changed, 5 insertions(+), 13 deletions(-) diff --git a/app/assets/stylesheets/govuk-frontend/focus/helpers.scss b/app/assets/stylesheets/govuk-frontend/focus/helpers.scss index 6e05b2996..d3b9e61ff 100644 --- a/app/assets/stylesheets/govuk-frontend/focus/helpers.scss +++ b/app/assets/stylesheets/govuk-frontend/focus/helpers.scss @@ -7,7 +7,8 @@ // - https://github.com/alphagov/govuk-frontend/releases/tag/v3.0.0 // // These styles were added in https://github.com/alphagov/govuk-frontend/pull/1309 - +// and edited in https://github.com/alphagov/govuk-frontend/pull/1455 +// /// Focusable with box-shadow /// /// Removes the visible outline and replace with box-shadow and background colour. @@ -19,19 +20,10 @@ // backgrounds and box-shadows disappear, so we need to ensure there's a // transparent outline which will be set to a visible colour. - // Since Internet Explorer 8 does not support box-shadow, we want to force the user-agent outlines - @include govuk-not-ie8 { - outline: $govuk-focus-width solid transparent; - outline-offset: 0; - } - color: $govuk-text-colour; + outline: $govuk-focus-width solid transparent; + color: $govuk-focus-text-colour; background-color: $govuk-focus-colour; - // sass-lint:disable indentation - box-shadow: -5px -1px 0 1px $govuk-focus-colour, - 5px -1px 0 1px $govuk-focus-colour, - -3px 1px 0 3px $govuk-text-colour, - 3px 1px 0 3px $govuk-text-colour; - // sass-lint:enable indentation + box-shadow: 0 -2px $govuk-focus-colour, 0 4px $govuk-focus-text-colour; // When link is focussed, hide the default underline since the // box shadow adds the "underline" text-decoration: none;