.breadcrumb {
  //FIXME: Add correct rem
  font-size: $spacing-element-16;
  padding: $spacing-element-12 $spacing-element-16 3.25rem;
  border-radius: $border-radius;
  background-color: get-colour(grey-100); //TODO: Should breadcrumb be transparent

  .breadcrumb-item {

    a {
      color: $primary;
      text-decoration: none;

      &:hover {
        text-decoration: underline;
      }
    }
    // For the slash before breadcrumb item
    &+.breadcrumb-item:before {
      color: get-colour(grey-500);
    }
  }
}