@import "settings.colors";

@import "mixins/settings.fonts";
@import "mixins/tools.mixins";

.c-breadcrumb {
  @include font-gm-sans;
  padding-top: rem(12);
  line-height: line-height(12, 12);
  font-size: rem(12);
  letter-spacing: rem(1);
}

.c-breadcrumb__link {
  text-decoration: none;
  text-transform: uppercase;
  padding: inherit;
  color: $color-grey-660;

  &:visited {
    .c-breadcrumb__text {
      text-decoration: none;
    }
  }
  &:hover,
  &:focus {
    .c-breadcrumb__text {
      text-decoration: underline;
    }
  }
  &:active {
    color: $color-grey-900;
    .c-breadcrumb__text {
      text-decoration: underline;
    }
  }
  &::before {
    margin-right: rem(7);
    font-size: rem(17);
    color: $color-grey-500;
    content: "\2022";
  }
}
