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


.breadcrumb {
  padding: 8px 15px;
  margin: 0 0 @line-height-base;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: @border-radius-base;
  > li {
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    &:after {
      display: inline-block;
      content: "\00a0 /"; // Unicode space added since inline-block means non-collapsing white-space
      padding: 0 5px;
      color: #ccc;
    }
    &:last-child:after {
      content: ""; // No divider after last element
    }
  }
  > .active {
    color: @grayLight;
  }
}
