/* Components :: Breadcrumb :: Styles */

@import '../../styles/settings/index';
@import '../../styles/tools/index';

.c-breadcrumb {
  @include flex($wrap: wrap);
  // display: flex;
  // flex-wrap: wrap;

  &.c-breadcrumb--lighten {
    background-color: fabric-color('white');
  }

  &__item {
    @include flex($align-items: center);

    margin-right: $fabric-global-spacing-unit-small;

    &:after {
      content: '/';
      margin-left: $fabric-global-spacing-unit-small;
      color: fabric-color('grey');
    }

    .c-breadcrumb--no-trailing-slash & {
      &:last-child::after {
        content: '';
      }
    }
  }
}