update css so inverted link colours are only white when not in focus

Pippa101 · Pippa101 · commit 7964b99ab334 · 2025-11-07T10:40:09.000Z
diff --git a/source/stylesheets/modules/_navigation.scss b/source/stylesheets/modules/_navigation.scss
@@ -28,17 +28,13 @@
     border-bottom: 1px solid #8eb8dc;
     margin-bottom: govuk-spacing(2);
   }
-  .govuk-service-navigation__toggle {
+  .govuk-service-navigation__toggle:not(:focus) {
     color: govuk-colour('white');
   }
 
-  .govuk-service-navigation__link {
+  .govuk-service-navigation__link:not(:focus) {
     color: govuk-colour('white');
   }
-
-  .govuk-service-navigation__link:active {
-    color: govuk-colour('black');
-  }
 }
 
 @include govuk-media-query($from: tablet) {

Original file line number	Diff line number	Diff line change
`@@ -28,17 +28,13 @@`
`28`	`28`	`border-bottom: 1px solid #8eb8dc;`
`29`	`29`	`margin-bottom: govuk-spacing(2);`
`30`	`30`	`}`
`31`		`- .govuk-service-navigation__toggle {`
	`31`	`+ .govuk-service-navigation__toggle:not(:focus) {`
`32`	`32`	`color: govuk-colour('white');`
`33`	`33`	`}`
`34`	`34`
`35`		`- .govuk-service-navigation__link {`
	`35`	`+ .govuk-service-navigation__link:not(:focus) {`
`36`	`36`	`color: govuk-colour('white');`
`37`	`37`	`}`
`38`		`-`
`39`		`- .govuk-service-navigation__link:active {`
`40`		`- color: govuk-colour('black');`
`41`		`- }`
`42`	`38`	`}`
`43`	`39`
`44`	`40`	`@include govuk-media-query($from: tablet) {`