// Copyright (C) 2018 The Trustees of Indiana University
// SPDX-License-Identifier: BSD-3-Clause

@use '../core' as *;

.#{$prefix}-breadcrumbs {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;

  li {
    line-height: 1.25rem;
    margin-top: 0;
    margin-right: $spacing-xs;
    font-size: $ts-14;

    &::before {
      content: '/';
      padding-right: $spacing-xs;
      color: $color-black-200;
    }

    a {
      text-decoration: none;

      &:hover {
        text-decoration: underline;
      }
    }
  }

  li:first-child {
    color: $color-black-500;

    &::before {
      content: none;
    }
  }

  li:last-child {
    color: $color-black-400;
  }

  // DEPRECATED: This variant will be removed in a future version of Rivet.

  &--call-out {
    background-color: $color-black-100;
    padding: $spacing-sm;
    border-radius: $spacing-xxs;

    li:last-child {
      color: $color-black-700;
    }
  }
}