$component: $lib-name + "-breadcrumb";

.#{$component} {
  display: inline-block;
  font-size: 12px;
  .#{$component}-item {
    &.item-link .breadcrumb-item-text, a {
      color: #999;
      text-decoration: none;
      cursor: pointer;
      &:hover {
        color: $primary-color;
      }
    }
    .breadcrumb-item-separator {
      margin: 0 2px;
      .breadcrumb-item-separator-icon {
        font-size: 12px;
      }
    }
    &:last-of-type {
      .breadcrumb-item-separator {
        display: none;
      }
    }
  }
}