From: Martijn Cuppens <martijn.cuppens@gmail.com>
Date: Tue, 29 Sep 2020 18:32:27 +0000 (+0200)
Subject: Suppress flexbox side effects in breadcrumb (#31700)
X-Git-Tag: v4.6.0~112
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=a7d592347026f6147131dc411e6f4e691a763aee;p=thirdparty%2Fbootstrap.git

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 a0cf7e29b5..9c204c7d55 100644
--- 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;
 
     &::before {
-      display: inline-block; // Suppress underlining of the separator in modern browsers
+      float: left; // Suppress inline spacings and underlining of the separator
       padding-right: $breadcrumb-item-padding;
       color: $breadcrumb-divider-color;
       content: escape-svg($breadcrumb-divider);