From b7e2b9e6f66252ca4f03469867a861180c495688 Mon Sep 17 00:00:00 2001
From: Lauren Hitchon <lauren@hitchon.me>
Date: Tue, 11 Jul 2023 11:47:20 +1000
Subject: [PATCH] Reinstating pseudo css and removing the material icon and
 adding "alternative text" to the pseudo element

---
 src/components/breadcrumbs/_breadcrumbs.hbs  |  1 -
 src/components/breadcrumbs/_breadcrumbs.scss | 10 +++-------
 2 files changed, 3 insertions(+), 8 deletions(-)

diff --git a/src/components/breadcrumbs/_breadcrumbs.hbs b/src/components/breadcrumbs/_breadcrumbs.hbs
index 53df0913d..1fc2966a7 100644
--- a/src/components/breadcrumbs/_breadcrumbs.hbs
+++ b/src/components/breadcrumbs/_breadcrumbs.hbs
@@ -2,7 +2,6 @@
   <ol>
     {{#each items}}
     <li>
-      <span class="material-icons nsw-material-icons" focusable="false" aria-hidden="true">keyboard_arrow_right</span>
       <a href="{{url}}"{{#if @last}} class="current" aria-current="page"{{/if}}>{{text}}</a>
     </li>
     {{/each}}
diff --git a/src/components/breadcrumbs/_breadcrumbs.scss b/src/components/breadcrumbs/_breadcrumbs.scss
index 9faefdb8d..b2a7b074c 100644
--- a/src/components/breadcrumbs/_breadcrumbs.scss
+++ b/src/components/breadcrumbs/_breadcrumbs.scss
@@ -11,13 +11,9 @@
   li {
     display: none;
 
-    &:first-of-type {
-      .nsw-material-icons {
-        display: none;
-      }
-    }
-
-    .nsw-material-icons {
+    &::before {
+      @include material-icons;
+      content: 'keyboard_arrow_right' / '';
       font-size: rem(map-get($nsw-icon-sizes, 20));
       line-height: rem(8px);
       display: inline-block;