@charset "utf-8";
// Copyright 2019, Oath Inc.
// Licensed under the terms of the MIT license. See LICENSE file in project root for terms.

@import '../maps/color-maps.scss';

$breadcrumb-right-margin: 22px !default;
$breadcrumb-divider: "/" !default;
$breadcrumb-divider-color: rgba(map-get($denali-grey-colors,"800"), 0.5) !default;
$breadcrumb-divider-right-margin: -11px !default;
$breadcrumb-active-item-text-color: map-get($denali-grey-colors,"800") !default;
$breadcrumb-active-item-font-weight: bold !default;

@mixin breadcrumb-default {
  .breadcrumb {
    list-style-type: none;
    margin: 0;
    padding: 0;

    li {
      float: left;
      position: relative;
      margin-right: $breadcrumb-right-margin;

      > * {
        display: block;
      }

      &.is-active {
        > * {
          color: $breadcrumb-active-item-text-color;
          font-weight: $breadcrumb-active-item-font-weight;
        }
      }

      &::after {
        content: $breadcrumb-divider;
        position: absolute;
        height: 1.6rem;
        width: .4rem;
        top: 0;
        right: $breadcrumb-divider-right-margin;
        color: $breadcrumb-divider-color;
      }

      &:last-child {
        margin-right: 0px;

        &::after {
          display: none;
        }
      }
    }

    
  }
}

@mixin breadcrumb-theme {
  .breadcrumb {

    li {
      margin-right: $breadcrumb-right-margin;

      &.is-active {
        > * {
          color: $breadcrumb-active-item-text-color;
          font-weight: $breadcrumb-active-item-font-weight;
        }
      }

      &::after {
        content: $breadcrumb-divider;
        right: $breadcrumb-divider-right-margin;
        color: $breadcrumb-divider-color;
      }
    }
  }
}
