Add support for IE8 outlines

alphagov · May 8, 2019 · d761189 · d761189
1 parent 531aee1
commit d761189
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/helpers/_focusable.scss b/src/helpers/_focusable.scss
@@ -44,8 +44,12 @@
   // 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.
-  outline: $govuk-focus-width solid transparent;
-  outline-offset: 0;
+
+  // Since Internet Explorer 8 does not support box-shadow, we want to force the user-agent outlines
+  @include govuk-not-ie8 {
+    outline: $govuk-focus-width solid transparent;
+    outline-offset: 0;
+  }
   color: $govuk-text-colour;
   background-color: $govuk-focus-colour;
   // sass-lint:disable indentation