From 2f4f677fc6cfc596175fd9b2f6a5e391f711852a Mon Sep 17 00:00:00 2001
From: jrbarnes9 <jrbarnes9@hotmail.com>
Date: Fri, 10 Jul 2020 14:38:29 +0100
Subject: [PATCH] added exit button focus state

---
 _prototypes/end-to-end/style.css | 6 +++++-
 img/icons/icons--exit-black.svg  | 1 +
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 img/icons/icons--exit-black.svg

diff --git a/_prototypes/end-to-end/style.css b/_prototypes/end-to-end/style.css
index d590eb2d8f..cb91271145 100644
--- a/_prototypes/end-to-end/style.css
+++ b/_prototypes/end-to-end/style.css
@@ -864,7 +864,11 @@ hr {
 }
 
 .btn--ghost.exit:after {
-    background-image: url(/img/icons/icons--exit.svg);
+    background-image: url(/img/icons/icons--exit-white.svg);
+}
+
+.btn--ghost.exit:focus:after {
+    background-image: url(/img/icons/icons--exit-black.svg);
 }
 
 .btn--ghost.complete-later:after {
diff --git a/img/icons/icons--exit-black.svg b/img/icons/icons--exit-black.svg
new file mode 100644
index 0000000000..5e56cb8de2
--- /dev/null
+++ b/img/icons/icons--exit-black.svg
@@ -0,0 +1 @@
+<svg id="Artwork_16x16" data-name="Artwork 16x16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="#222"><path d="M13.85,7.65l-2.5-2.5a.5.5,0,0,0-.71,0,.48.48,0,0,0-.15.36V7h-3a.5.5,0,0,0-.5.5v1a.5.5,0,0,0,.5.5h3v1.5A.49.49,0,0,0,11,11a.48.48,0,0,0,.34-.14l2.51-2.5a.49.49,0,0,0,0-.68Z" transform="translate(-2 -2)"/><path d="M8.5,14h-6a.5.5,0,0,1-.5-.5V2.5A.5.5,0,0,1,2.5,2h6a.5.5,0,0,1,.5.5V3a.5.5,0,0,1-.5.5h-5v9h5A.5.5,0,0,1,9,13v.5A.5.5,0,0,1,8.5,14Z" transform="translate(-2 -2)"/></svg>
\ No newline at end of file