/**
 * Copyright (c) HashiCorp, Inc.
 * SPDX-License-Identifier: MPL-2.0
 */

.breadcrumb {
  display: flex;
  user-select: text;
  min-height: 1.5rem;
  margin: 0;
  overflow-x: auto;
  white-space: nowrap;

  &:not(:last-child) {
    margin: 0;
  }

  ul,
  ol {
    align-items: center;
    display: flex;
    flex-grow: 1;
    flex-shrink: 0;
    justify-content: flex-start;
  }

  li {
    align-items: center;
    display: flex;

    & + li::before {
      display: none;
    }

    &:first-child {
      .sep {
        margin-left: 0;
      }
    }
    &.is-active a {
      color: $grey-darkest;
      cursor: default;
      pointer-events: none;
    }
  }

  a {
    align-items: center;
    display: flex;
    justify-content: center;
    line-height: 1;
    padding: 0 $size-11 0 0;
    text-decoration: none;

    &:hover {
      color: $blue;
    }
  }

  .sep {
    display: inline-block;
    color: transparent;
    margin: 0.15rem 0.4rem 0 0.5rem;
    overflow: hidden;
    width: 0.5rem;

    &::before {
      color: $blue;
      content: '❮';
      font-size: 1rem;
      line-height: 1;
      opacity: 0.33;
    }
  }
}
