changes floats to flex on breadcrumbs (#23683)

bd8ab107 · Andres Galante · Mark Otto · 59631a6f · bd8ab107
Commit bd8ab107 authored 7 years ago by Andres Galante Committed by Mark Otto 7 years ago
Hide whitespace changes
Inline Side-by-side

Showing

with 2 additions and 3 deletions
+2 -3
--- a/scss/_breadcrumb.scss
+++ b/scss/_breadcrumb.scss
 .breadcrumb {
+  display: flex;
+  flex-wrap: wrap;
  padding: $breadcrumb-padding-y $breadcrumb-padding-x;
  margin-bottom: $breadcrumb-margin-bottom;
  list-style: none;
  background-color: $breadcrumb-bg;
  @include border-radius($border-radius);
-  @include clearfix;
 }

 .breadcrumb-item {
-  float: left;
-
  // The separator between breadcrumbs (by default, a forward-slash: "/")
  + .breadcrumb-item::before {
    display: inline-block; // Suppress underlining of the separator in modern browsers