Include ‘compatibility mode’ fix

alphagov · Apr 18, 2019 · afb9b18 · afb9b18
1 parent 94b76fd
commit afb9b18
Showing 1 changed file with 22 additions and 0 deletions.
diff --git a/src/components/button/_button.scss b/src/components/button/_button.scss
@@ -165,6 +165,17 @@
       color: $govuk-secondary-button-text-colour;
     }
 
+    // alphagov/govuk_template includes a specific a:link:focus selector
+    // designed to make unvisited links a slightly darker blue when focussed, so
+    // we need to override the text colour for that combination of selectors so
+    // so that unvisited links styled as buttons do not end up with dark blue
+    // text when focussed.
+    @include govuk-compatibility(govuk_template) {
+      &:link:focus {
+        color: $govuk-secondary-button-text-colour;
+      }
+    }
+
     &:hover,
     &:focus {
       background-color: $govuk-secondary-button-hover-colour;
@@ -183,6 +194,17 @@
       color: $govuk-warning-button-text-colour;
     }
 
+    // alphagov/govuk_template includes a specific a:link:focus selector
+    // designed to make unvisited links a slightly darker blue when focussed, so
+    // we need to override the text colour for that combination of selectors so
+    // so that unvisited links styled as buttons do not end up with dark blue
+    // text when focussed.
+    @include govuk-compatibility(govuk_template) {
+      &:link:focus {
+        color: $govuk-warning-button-text-colour;
+      }
+    }
+
     &:hover,
     &:focus {
       background-color: $govuk-warning-button-hover-colour;