@import '../../style/themes/index';
@import '../../style/mixins/index';

@yee-breadcrumb-prefix-cls: ~'@{yee-prefix}-breadcrumb';

.@{yee-breadcrumb-prefix-cls} {
  .yee-reset-component;

  color: @yee-breadcrumb-base-color;
  font-size: @yee-breadcrumb-font-size;

  .@{yee-iconfont-css-prefix} {
    font-size: @yee-breadcrumb-icon-font-size;
  }

  a {
    color: @yee-breadcrumb-link-color;
    transition: color 0.3s;
    &:hover {
      color: @yee-breadcrumb-link-color-hover;
    }
  }

  & > span:last-child {
    color: @yee-breadcrumb-last-item-color;
    a {
      color: @yee-breadcrumb-last-item-color;
    }
  }

  & > span:last-child &-separator {
    display: none;
  }

  &-separator {
    margin: @yee-breadcrumb-separator-margin;
    color: @yee-breadcrumb-separator-color;
  }

  &-link {
    > .@{yee-iconfont-css-prefix} + span {
      margin-left: 4px;
    }
  }

  &-overlay-link {
    > .@{yee-iconfont-css-prefix} {
      margin-left: 4px;
    }
  }
}