Contents

.breadcrumb {
  font-size: 0.85rem;

  .active, .active a {
    font-weight: normal;
    color: $breadcrumb-active-color;

    &:hover {
      text-decoration: none;
    }
  }

  @include media-breakpoint-down(md) {
    font-size: 0.75rem;
  }
}

// Fine-tune spacing between breadcrumb separators

.breadcrumb-item {
  + .breadcrumb-item {
    &::before {
      padding-right: 0.35rem;
    }
  }
}

// Reduce breadcrumb separator spacing on mobile

@include media-breakpoint-down(md) {
  .breadcrumb-item {
    + .breadcrumb-item {
      padding-left: divide($breadcrumb-item-padding-x, 2);

      &::before {
        padding-right: divide($breadcrumb-item-padding-x, 4);
      }
    }
  }
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
trestle-0.10.0.pre	frontend/css/components/_breadcrumbs.scss