From fb960205f30876c8e0bdca570272cfab66c53012 Mon Sep 17 00:00:00 2001
From: Chris Hill-Scott <me@quis.cc>
Date: Tue, 17 Oct 2017 16:34:47 +0100
Subject: [PATCH] Fix invisible focused item text

GOV.UK Template hanged the colour of text in focused links in
https://github.com/alphagov/govuk_template/commit/79466a489c38b0b82f4cb95daa2baba41b375a81

It was done with greater specificity than before. This means that the
way we were previously overriding the focus colour (for links with a
dark background) no longer works.

This commit makes our override more specific, so that it works again.
---
 app/assets/stylesheets/components/pill.scss | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/components/pill.scss b/app/assets/stylesheets/components/pill.scss
index 0877d6752..c262184bb 100644
--- a/app/assets/stylesheets/components/pill.scss
+++ b/app/assets/stylesheets/components/pill.scss
@@ -80,7 +80,9 @@
       text-decoration: underline;
     }
 
-    &:hover {
+    &:hover,
+    &:focus,
+    &:link:focus {
       color: $light-blue-25;
     }