consul/ui/packages/consul-ui/app/components/breadcrumbs/layout.scss

/**
 * Copyright (c) HashiCorp, Inc.
 * SPDX-License-Identifier: MPL-2.0
 */

%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;
}