float the breadcrumb items to deal with that pesky inline-block madness

b8c77aaf · Mark Otto · dd5e096f · b8c77aaf
Commit b8c77aaf authored 9 years ago by Mark Otto
Hide whitespace changes
Inline Side-by-side

Showing

with 3 additions and 3 deletions
+3 -3
--- a/scss/_breadcrumb.scss
+++ b/scss/_breadcrumb.scss
@@ -4,16 +4,16 @@
  list-style: none;
  background-color: $breadcrumb-bg;
  @include border-radius($border-radius);
+  @include clearfix;

  > li {
-    display: inline-block;
+    float: left;

    + li::before {
-      $nbsp: "\00a0";
      padding-right: .5rem;
      padding-left: .5rem;
      color: $breadcrumb-divider-color;
-      content: "#{$breadcrumb-divider}#{$nbsp}"; // Unicode space added since inline-block means non-collapsing white-space
+      content: "#{$breadcrumb-divider}"; // Unicode space added since inline-block means non-collapsing white-space
    }
  }