You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Connected.Components/Styles/components/_breadcrumbs.scss

49 lines
822 B

2 years ago
.breadcrumbs {
display: flex;
flex-wrap: wrap;
flex: 0 1 auto;
align-items: center;
list-style-type: none;
margin: 0;
padding: 16px 12px;
}
.breadcrumb-separator {
padding: 0 12px;
}
.breadcrumb-separator > span {
color: var(--palette-text-primary);
opacity: 0.38
}
.breadcrumb-item > a {
display: flex;
align-items: center;
}
.breadcrumb-item > a > svg.icon-root {
margin-right: 4px;
margin-inline-end: 4px;
margin-inline-start: unset;
}
.breadcrumb-item.disabled > a {
pointer-events: none;
color: var(--palette-action-disabled);
}
.breadcrumbs-expander {
cursor: pointer;
display: flex;
background-color: #EEEEEE;
}
.breadcrumbs-expander:hover {
background-color: #E0E0E0;
}
.breadcrumbs-expander > svg {
width: 26px;
}