vendor/bootstrap/scss/_breadcrumb.scss in card-mod-bootstrap-0.14.2 vs vendor/bootstrap/scss/_breadcrumb.scss in card-mod-bootstrap-0.15.0

- old
+ new

@@ -1,39 +1,26 @@ .breadcrumb { display: flex; flex-wrap: wrap; padding: $breadcrumb-padding-y $breadcrumb-padding-x; margin-bottom: $breadcrumb-margin-bottom; + @include font-size($breadcrumb-font-size); list-style: none; background-color: $breadcrumb-bg; @include border-radius($breadcrumb-border-radius); } .breadcrumb-item { // The separator between breadcrumbs (by default, a forward-slash: "/") + .breadcrumb-item { - padding-left: $breadcrumb-item-padding; + padding-left: $breadcrumb-item-padding-x; &::before { - display: inline-block; // Suppress underlining of the separator in modern browsers - padding-right: $breadcrumb-item-padding; + float: left; // Suppress inline spacings and underlining of the separator + padding-right: $breadcrumb-item-padding-x; color: $breadcrumb-divider-color; - content: $breadcrumb-divider; + content: var(--#{$variable-prefix}breadcrumb-divider, escape-svg($breadcrumb-divider)) #{"/* rtl:"} var(--#{$variable-prefix}breadcrumb-divider, escape-svg($breadcrumb-divider-flipped)) #{"*/"}; } - } - - // IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built - // without `<ul>`s. The `::before` pseudo-element generates an element - // *within* the .breadcrumb-item and thereby inherits the `text-decoration`. - // - // To trick IE into suppressing the underline, we give the pseudo-element an - // underline and then immediately remove it. - + .breadcrumb-item:hover::before { - text-decoration: underline; - } - // stylelint-disable-next-line no-duplicate-selectors - + .breadcrumb-item:hover::before { - text-decoration: none; } &.active { color: $breadcrumb-active-color; }