From d0bd0b121f35cb92966e6f0a713c7bf380d49cc8 Mon Sep 17 00:00:00 2001
From: Nick Colley <nick.colley@digital.cabinet-office.gov.uk>
Date: Thu, 9 May 2019 12:38:19 +0100
Subject: [PATCH] Add fallback for IE8 styles

---
 src/components/accordion/_accordion.scss | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/accordion/_accordion.scss b/src/components/accordion/_accordion.scss
index 04f0d9535f..b53e5ad1cd 100644
--- a/src/components/accordion/_accordion.scss
+++ b/src/components/accordion/_accordion.scss
@@ -125,7 +125,9 @@
     }
 
     .govuk-accordion__section--expanded .govuk-accordion__section-header--focused {
-      border-top-color: $govuk-focus-colour;
+      @include govuk-not-ie8 {
+        border-top-color: $govuk-focus-colour;
+      }
       // When colours are overridden, for example when users have a dark mode,
       // backgrounds and box-shadows disappear, so we need to ensure there's a
       // transparent outline which will be set to a visible colour.
@@ -159,6 +161,13 @@
         }
       }
 
+      @include govuk-if-ie8 {
+        &:focus {
+          color: $govuk-text-colour;
+          background: $govuk-focus-colour;
+        }
+      }
+
       // Remove default button focus outline in Firefox
       &::-moz-focus-inner {
         padding: 0;