////
/// @group components
////

/// breadcrumbs
/// See https://www.w3.org/WAI/WCAG20/Techniques/working-examples/G65/ex3.html
/// @since 0.1.0
.breadcrumbs {
  @include font-size(0);
  list-style: none;
  margin: em($spacing-small 0 $spacing-large);
  padding: 0;

  &__crumb {
    display: inline-block;

    &:before {
      @include nice-icon(angle-right);
      margin: em(0 $spacing-x-small);
    }

    &:first-child:before {
      display: none;
    }
  }

  a {
    color: $colour-text;
    text-decoration: underline;

    &:hover {
      text-decoration: none;
    }

    &:focus {
      color: $colour-link;
    }

    &:active {
      color: $colour-link-active;
    }
  }
}

////
/// @group components
////

/// breadcrumbs
/// See https://www.w3.org/WAI/WCAG20/Techniques/working-examples/G65/ex3.html
/// @since 0.1.0
.breadcrumbs {
  @include font-size(0);
  list-style: none;
  margin: em($spacing-small 0 $spacing-large);
  padding: 0;

  &__crumb {
    display: inline-block;

    &:before {
      @include nice-icon(angle-right);
      margin: em(0 $spacing-x-small);
    }

    &:first-child:before {
      display: none;
    }
  }

  a {
    color: $colour-text;
    text-decoration: underline;

    &:hover {
      text-decoration: none;
    }

    &:focus {
      color: $colour-link-focus-text;
    }

    &:active {
      color: $colour-link-active;
    }
  }
}

Apply link colours to breadcrumbs
Apply link colours to breadcrumbs
