Add margin variable for breadcrumb (#23138)

* add margin variable for breadcrumb

* add margin variable for breadcrumb correction

* breadcrumb margin variable changes after review

diff --git a/scss/_breadcrumb.scss b/scss/_breadcrumb.scss
index 2bc0e2086edca6fce1aba649c90bde578398d1b7..52fadec691f7f49004a55c1d14e6f6c121a40721 100644 (file)
--- a/scss/_breadcrumb.scss
+++ b/scss/_breadcrumb.scss
@@ -1,6 +1,6 @@
 .breadcrumb {
   padding: $breadcrumb-padding-y $breadcrumb-padding-x;
-  margin-bottom: 1rem;
+  margin-bottom: $breadcrumb-margin-bottom;
   list-style: none;
   background-color: $breadcrumb-bg;
   @include border-radius($border-radius);

diff --git a/scss/_variables.scss b/scss/_variables.scss
index dc8eaf1982aefb54f7457b0f34acba287013998c..8990ad75e04ff80e6951d5a4621454571fb2ef63 100644 (file)
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -790,6 +790,8 @@ $breadcrumb-padding-y:          .75rem !default;
 $breadcrumb-padding-x:          1rem !default;
 $breadcrumb-item-padding:       .5rem !default;
 
+$breadcrumb-margin-bottom:      1rem !default;
+
 $breadcrumb-bg:                 $gray-200 !default;
 $breadcrumb-divider-color:      $gray-600 !default;
 $breadcrumb-active-color:       $gray-600 !default;