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

33 lines
622 B
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;
}