@import './../theme/vars.scss';

$breadcrumb-prefix-cls: #{$vender-prefix}-breadcrumb;

.#{$breadcrumb-prefix-cls} {
  font-size: $font-size-base;
  color: $text-color;

  a {
    color: $text-color;
    transition: color 0.3s;

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

  & > span:last-child {
    font-weight: bold;
    color: $text-color;
  }

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

  &-divider {
    margin: 0 8px;
    color: rgba(0, 0, 0, 0.3);
  }

  &-link {
    > .#{aficon-css-prefix} + span,
    > .#{$amosicon-css-prefix} + span {
      margin-left: 4px;
    }
  }
}