diff options
Diffstat (limited to 'sass/vendor/bootstrap/scss/_breadcrumb.scss')
-rwxr-xr-x | sass/vendor/bootstrap/scss/_breadcrumb.scss | 38 |
1 files changed, 38 insertions, 0 deletions
diff --git a/sass/vendor/bootstrap/scss/_breadcrumb.scss b/sass/vendor/bootstrap/scss/_breadcrumb.scss new file mode 100755 index 0000000..1a09bba --- /dev/null +++ b/sass/vendor/bootstrap/scss/_breadcrumb.scss @@ -0,0 +1,38 @@ +.breadcrumb { + padding: $breadcrumb-padding-y $breadcrumb-padding-x; + margin-bottom: $spacer-y; + 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 + padding-right: $breadcrumb-item-padding; + padding-left: $breadcrumb-item-padding; + color: $breadcrumb-divider-color; + content: "#{$breadcrumb-divider}"; + } + + // 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; + } + + .breadcrumb-item:hover::before { + text-decoration: none; + } + + &.active { + color: $breadcrumb-active-color; + } +} |