28 lines
544 B
SCSS
28 lines
544 B
SCSS
%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;
|
|
}
|