@import 'common/var.scss';

.qf-breadcrumb-item {
  display: flex;
  align-items: center;

  .qf-breadcrumb-inner {
    color: $--color-font;

    &.is-link, & a {
      text-decoration: none;
      cursor: pointer;
      transition: color .2s cubic-bezier(.645, .045, .355, 1);
      color: $--color-placeholder;

      &:hover {
        color: $--color-link;
      }
    }
  }

  .qf-breadcrumb-separator {
    margin: 0 9px;
    font-weight: 700;
    color: #c0c4cc;
  }

  &:last-child .qf-breadcrumb-separator {
    display: none;
  }
}