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

Replace GOVUK Template anchor focus styles

Browse Source 
Not moved across when the GOVUK Template CSS was
removed.
This commit is contained in:
Tom Byers
2019-11-27 16:42:07 +00:00
parent 5e60095584
commit fe3baa25c2
1 changed files with 13 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
app/assets/stylesheets/globals.scss
View File

@@ -42,6 +42,9 @@ input[type="search"]::-webkit-search-decoration {
// To be removed when all links follow the GOV.UK Frontend conventions: // To be removed when all links follow the GOV.UK Frontend conventions:
// https://design-system.service.gov.uk/styles/typography/#links // https://design-system.service.gov.uk/styles/typography/#links
a { a {
/* Give a strong clear visual idea as to what is currently in focus */
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
&:link { &:link {
color: $link-colour; color: $link-colour;
} }
@@ -57,6 +60,16 @@ a {
&:active { &:active {
color: $link-active-colour; color: $link-active-colour;
} }
&:focus {
background-color: $focus-colour;
outline: 3px solid $focus-colour;
}
/* Make links slightly darker when focused to improve contrast. */
&:link:focus {
color: darken( $link-colour, 2.5%)
}
} }
// Each selector, and then the whole block when only one remains, to be removed when the // Each selector, and then the whole block when only one remains, to be removed when the