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

.breadcrumbs {
  list-style: none;
  margin: 0;
  padding: scut-em(12 0);

  &__crumb {
    display: inline-block;

    &::before {
      color: get-colour(grey);
      content: get-glyph(greater-than);
      margin: scut-em(0 10);
    }

    &:first-of-type::before {
      display: none;
    }

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

    a {
      color: $colour-text;
    }
  }
}

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

.breadcrumbs {
  list-style: none;
  margin: 0;
  padding: scut-em(12 0);

  &__crumb {
    display: inline-block;

    &:before {
      color: get-colour(grey);
      content: get-glyph(greater-than);
      margin: scut-em(0 10);
    }

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

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

    a {
      color: $colour-text;
    }
  }
}

Fix IE8 breadcrumb layout issue
Fix IE8 breadcrumb layout issue
