Suppress flexbox side effects in breadcrumb (#31700)

* Suppress flexbox side effects

* Trailing whitesapce

Co-authored-by: Mark Otto <markd.otto@gmail.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>

diff --git a/scss/_breadcrumb.scss b/scss/_breadcrumb.scss
index db8e741936146265358e6a4d41dc271e65061bc4..b30668b5ddaaeb93c36567808f85303ea3635177 100644 (file)
--- a/scss/_breadcrumb.scss
+++ b/scss/_breadcrumb.scss
@@ -10,14 +10,12 @@
 }
 
 .breadcrumb-item {
-  display: flex;
-
   // The separator between breadcrumbs (by default, a forward-slash: "/")
   + .breadcrumb-item {
     padding-left: $breadcrumb-item-padding-x;
 
     &::before {
-      display: inline-block; // Suppress underlining of the separator
+      float: left; // Suppress inline spacings and underlining of the separator
       padding-right: $breadcrumb-item-padding-x;
       color: $breadcrumb-divider-color;
       content: escape-svg($breadcrumb-divider);