@import (reference) "../variables/legacy-variables.less";

//
// Breadcrumbs
// --------------------------------------------------
.breadcrumb {
  padding: @breadcrumb-padding-vertical @breadcrumb-padding-horizontal;
  margin-bottom: var(--size-24);
  list-style: none;
  background-color: none;
  border-radius: @border-radius-base;

  > li {
    display: inline-block;

    + li::before {
      // Unicode space added since inline-block means non-collapsing white-space
      content: "@{breadcrumb-separator}\00a0";
      padding: 0 5px;
      color: #fff;
    }
  }

  > .active {
    color: var(--color-content-secondary);
  }
}
