@import "../../style/index.less";

@ui-prefix-breadcrumb: yyui-breadcrumb;
@breadcrumb-prefix-cls: ant-breadcrumb;

.@{ui-prefix-breadcrumb}{
  &.@{breadcrumb-prefix-cls} {
    color: #999;
    font-size: @font-size-base;
    padding: 10px;
    background: @page-background;
    //border-bottom: 1px solid @border-color-split;
    a {
      color: @text-color;
      transition: color .3s;
      &:hover {
        color: tint(@primary-color, 20%);
      }
    }
    & > span:last-child {
      font-weight: normal;
      color: @primary-color;
    }
    & > span:last-child &-separator {
      display: none;
    }
    &-separator {
      margin: 0 8px;
      color: @border-color-base;
    }
    &-link {
      > .anticon + span {
        margin-left: 4px;
      }
    }
  }
}