@import "mixins/mixins";
@import "mixins/utils";
@import "common/var";
@import "common/dao-color"; /* 为了引入一个 面包屑的icon色 #9ba3af */ 

@include b(breadcrumb) {
  font-size: 14px;
  line-height: 1;
  @include utils-clearfix;

  @include e(separator) {
    margin: 0 9px;
    font-weight: bold;
    color: $grey-dark; 
    /* #9ba3af 在 dao-color 中维护 */
    &[class*=icon] {
      margin: 0 4px; 
      /*原：0 6 Pruduct：0 4*/
      font-weight: normal;
    }
  }

  @include e(item) {
    float: left;
    @include e(inner) {
      color: $grey-dark; 
      /* #9ba3af 在 dao-color 中维护 */
      &:hover {
        color: $--color-link-hover; 
        /* Pruduct hover 时 link色 */
        cursor: pointer;
      }
      /* Pruduct 字体颜色无区别 */
      &.is-link, & a {
        /* font-weight: bold;  Pruduct 无区别 */ 
        text-decoration: none;
        transition: $--color-transition-base;
        color: $grey-dark; 
        /* #9ba3af 在 dao-color 中维护 */ 
        &:hover {
          color: $--color-link-hover; 
          /* Pruduct hover 时 link色 */
          cursor: pointer;
        }
      }
    }
    &:last-child {
      .el-breadcrumb__inner,
      .el-breadcrumb__inner a {
        &, &:hover {
          font-weight: normal;
          color: $--color-text-regular; 
          /* 当前色 不仔细看 看不出来和 primary 色有啥区别 */ 
          cursor: text;
        }
      }
      .el-breadcrumb__separator {
        display: none;
      }
    }
    // svg-icon
    svg { 
      stroke: $grey-dark; // 目前只去掉了 arrow-right 这一个svg原文件中的fill="none"
    }
  }
}