%breadcrumbs {
  display: grid;
  grid-auto-flow: column;
  white-space: nowrap;
  overflow: hidden;
}

%breadcrumbs > li {
  list-style-type: none;
  display: inline-flex;
  overflow: hidden
}
%breadcrumb-milestone::before {
  margin-right: 4px;
  display: inline-block;
}
%breadcrumb {
  /* as the separator is a '/' the left margin needs */
  /* to be different from the right in order to center it */
  margin-left: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
}
%breadcrumb::before {
  margin-right: 8px;
  display: inline-block;
}