@charset "UTF-8";
@import "./common/var.css";

@component-namespace el {

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

    @e separator {
      margin: 0 var(--breadcrumb-separator-margin);
      color: var(--breadcrumb-separator-color);
    }
    @e item {
      float: left;

      @e inner {
        &, & a {
          transition: color .15s linear;
          color:var(--breadcrumb-inner-color);

          &:hover {
            color: var(--color-primary);
            cursor: pointer;
          }
        }
      }

      &:last-child {
        .el-breadcrumb__item__inner,
        .el-breadcrumb__item__inner a {
          &, &:hover {
            color: var(--breadcrumb-inner-hover-color);
            cursor: text;
          }
        }

        .el-breadcrumb__separator {
          display: none;
        }
      }
    }
  }
}