Fix focus state for search results ‘Close’ button

Use the mixin provided by GOV.UK Frontend to ensure that the focus style matches that used by other links.
alphagov · Jul 19, 2021 · 3dc4e86 · 3dc4e86
1 parent 927a590
commit 3dc4e86
Showing 1 changed file with 1 addition and 10 deletions.
diff --git a/lib/assets/stylesheets/modules/_search.scss b/lib/assets/stylesheets/modules/_search.scss
@@ -130,16 +130,7 @@ html.has-search-results-open {
   cursor: pointer;
 
   &:focus {
-    background-color: $govuk-focus-colour;
-    outline: $govuk-focus-width solid transparent;
-    box-shadow: inset 0 0 0 1px $govuk-focus-colour;
-  }
-
-  &:focus:not(:active):not(:hover) {
-    border-color: $govuk-focus-colour;
-    color: $govuk-focus-text-colour;
-    background-color: $govuk-focus-colour;
-    box-shadow: 0 2px 0 $govuk-focus-text-colour;
+    @include govuk-focused-text;
   }
 
   &::after {