scss/_breadcrumb.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

//
// Breadcrumbs
// --------------------------------------------------


.breadcrumb {
  padding: $breadcrumb-padding-vertical $breadcrumb-padding-horizontal;
  margin-bottom: $line-height-computed;
  list-style: none;
  background-color: $breadcrumb-bg;
  @include border-radius($border-radius-base);

  > li {
    display: inline-block;

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

  > .active {
    color: $breadcrumb-active-color;
  }
}