darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-08-24 00:07:02 -04:00
Code Issues Packages Projects Releases Wiki Activity

Update focus styles helper to latest version

Browse Source
This commit is contained in:
Tom Byers
2020-09-14 20:51:11 +01:00
parent c1a6a38f68
commit 2f4fddfeff
1 changed files with 5 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
app/assets/stylesheets/govuk-frontend/focus/helpers.scss
View File

@@ -7,7 +7,8 @@
// - https://github.com/alphagov/govuk-frontend/releases/tag/v3.0.0 // - https://github.com/alphagov/govuk-frontend/releases/tag/v3.0.0
// //
// These styles were added in https://github.com/alphagov/govuk-frontend/pull/1309 // 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 /// Focusable with box-shadow
/// ///
/// Removes the visible outline and replace with box-shadow and background colour. /// 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 // backgrounds and box-shadows disappear, so we need to ensure there's a
// transparent outline which will be set to a visible colour. // 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 outline: $govuk-focus-width solid transparent;
@include govuk-not-ie8 { color: $govuk-focus-text-colour;
outline: $govuk-focus-width solid transparent;
outline-offset: 0;
}
color: $govuk-text-colour;
background-color: $govuk-focus-colour; background-color: $govuk-focus-colour;
// sass-lint:disable indentation box-shadow: 0 -2px $govuk-focus-colour, 0 4px $govuk-focus-text-colour;
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
// When link is focussed, hide the default underline since the // When link is focussed, hide the default underline since the
// box shadow adds the "underline" // box shadow adds the "underline"
text-decoration: none; text-decoration: none;