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

Set core focus styles for links

Browse Source 
- add new focus style to `govuk-link` class
- do the same for `govuk-link--destructive` class
This commit is contained in:
Tom Byers
2020-09-13 22:03:55 +01:00
parent 1190148168
commit c1a6a38f68
2 changed files with 28 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
app/assets/stylesheets/govuk-frontend/focus/core.scss Normal file
View File

@@ -0,0 +1,14 @@
// Sass bringing in the new focus style from GOVUK Frontend 3.x.x
// TO DO: Delete this file when we upgrade to GOVUK Frontend 3.x.x
//
// See the following for details of the update:
// - https://designnotes.blog.gov.uk/2019/07/29/weve-made-the-gov-uk-design-system-more-accessible/
// - https://design-system.service.gov.uk/get-started/focus-states/
// - https://github.com/alphagov/govuk-frontend/releases/tag/v3.0.0
//
// These styles were added in https://github.com/alphagov/govuk-frontend/pull/1309
// Hack to fix not being able to override the govuk-link-common mixin
.govuk-link {
@include govuk-focusable-text-link;
}

14
app/assets/stylesheets/govuk-frontend/focus/extensions.scss Normal file
View File

@@ -0,0 +1,14 @@
// Sass bringing in the new focus style from GOVUK Frontend 3.x.x
// TO DO: Delete this file when we upgrade to GOVUK Frontend 3.x.x
//
// See the following for details of the update:
// - https://designnotes.blog.gov.uk/2019/07/29/weve-made-the-gov-uk-design-system-more-accessible/
// - https://design-system.service.gov.uk/get-started/focus-states/
// - https://github.com/alphagov/govuk-frontend/releases/tag/v3.0.0
//
// These styles were added in https://github.com/alphagov/govuk-frontend/pull/1309
// (for the error summary component, which we don't use yet)
.govuk-link--destructive:focus {
@include govuk-focusable-text-link;
}