Added new breadcrumbs approach

diff --git a/scss/foundation/components/_breadcrumbs.scss b/scss/foundation/components/_breadcrumbs.scss
index 832b8b306eed98b54eba01d0b349bd9cdb81adc3..4cd2a0db6934f46e5e768f111426823142f51a94 100644 (file)
--- a/scss/foundation/components/_breadcrumbs.scss
+++ b/scss/foundation/components/_breadcrumbs.scss
@@ -101,7 +101,7 @@ $crumb-slash-position: 1px !default;
     }
   }
 
-  &:before {
+  &:after {
     color: $crumb-slash-color;
     content: "#{$crumb-slash}";
     margin: 0 $crumb-side-padding;
@@ -109,7 +109,7 @@ $crumb-slash-position: 1px !default;
     top: $crumb-slash-position;
   }
 
-  &:first-child:before {
+  &:last-child:after {
     content: " ";
     margin: 0;
   }
@@ -125,8 +125,8 @@ $crumb-slash-position: 1px !default;
         @include crumbs;
       }
     }
-    /* Accessibility - hides the forward slash */
-    [aria-label="breadcrumbs"] [aria-hidden="true"]:after {
+    /* Accessibility - hides the backward slash */
+    [aria-label="breadcrumbs"] [aria-hidden="true"]:before {
       content: "/";
     }
   }