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: v5.0.0-alpha3~155
X-Git-Url: http://git.ipfire.org/gitweb.cgi?a=commitdiff_plain;h=cda9278f495af4ccc1f025c25eed1b18d64428b7;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 db8e741936..b30668b5dd 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-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);