// Site wide breadcrumb
//
// Styleguide Breadcrumb

.breadcrumb {
  @include body(14, 18);
  display: none;

  &:last-child {
    display: inline;
  }

  @include respond-to($mq-m) {
    display: inline;
  }

  @include respond-to($mq-l) {
    @include body(16, 24);
  }
}

.breadcrumb__divider {
  @include body(16, 16);
  color: $breadcrumbs-divider-color;
  position: relative;
  top: 1px;

  &:before {
    padding: 0 6px 0 0;
    content: '\3008';

    @include respond-to($mq-m) {
      padding: 0 0 0 6px;
      content: '\3009';
    }
  }
}

// Site wide breadcrumb
//
// Styleguide Breadcrumb

.breadcrumb {
  @include body(14, 18);
  @include visually-hidden;

  &:last-child {
    position: relative;
  }

  @include respond-to($mq-m) {
    position: relative;
  }

  @include respond-to($mq-l) {
    @include body(16, 24);
  }
}

.breadcrumb__divider {
  @include body(16, 16);
  color: $breadcrumbs-divider-color;
  position: relative;
  top: 1px;

  &:before {
    padding: 0 6px 0 0;
    content: '\3008';

    @include respond-to($mq-m) {
      padding: 0 0 0 6px;
      content: '\3009';
    }
  }
}

Update breadcrumbs to hide items using visually-hidden
Update breadcrumbs to hide items using visually-hidden
