Add Check for old variables aka backward compatibility

diff --git a/scss/components/_breadcrumbs.scss b/scss/components/_breadcrumbs.scss
index cb97c737688b4a5a8c2b162567fdd0650c38f99c..340d463190c128ef104e68b7faefcbca62f7570c 100644 (file)
--- a/scss/components/_breadcrumbs.scss
+++ b/scss/components/_breadcrumbs.scss
@@ -38,6 +38,11 @@ $breadcrumbs-item-uppercase: true !default;
 /// @type Boolean
 $breadcrumbs-item-separator: true !default;
 
+// If it exists $breadcrumbs-item-slash is used to build $breadcrumbs-item-separator. See the documentation.
+@if variable-exists($breadcrumbs-item-slash) {
+  $breadcrumbs-item-separator: $breadcrumbs-item-slash;
+}
+
 /// Used character for the breadcrumb separator.
 /// @type Content
 $breadcrumbs-item-separator-item: '/' !default;
@@ -50,6 +55,11 @@ $breadcrumbs-item-separator-item-rtl: '\\' !default;
 /// @type Color
 $breadcrumbs-item-separator-color: $medium-gray !default;
 
+// If it exists $breadcrumbs-item-slash is used to build $breadcrumbs-item-separator. See the documentation.
+@if variable-exists($breadcrumbs-item-slash-color) {
+  $breadcrumbs-item-separator-color: $breadcrumbs-item-slash-color;
+}
+
 /// Adds styles for a breadcrumbs container, along with the styles for the `<li>` and `<a>` elements inside of it.
 @mixin breadcrumbs-container {
   @include clearfix;