Add styling for fancy breadcrumb based on Backend brand colors

This commit is contained in:
Ben Thomson 2020-09-24 16:52:59 +08:00
parent 0101e1f96b
commit 789de0217d
No known key found for this signature in database
GPG Key ID: 8BDB18DD0909BE22

View File

@ -193,3 +193,31 @@ div.control-componentlist {
.nav.selector-group li.active {
border-left-color: @brand-secondary;
}
//
// Fancy breadcrumb
//
body.breadcrumb-fancy .control-breadcrumb,
.control-breadcrumb.breadcrumb-fancy {
background-color: mix(black, saturate(@brand-secondary, 20%), 16%);
li {
background-color: mix(black, saturate(@brand-secondary, 20%), 31%);
&:last-child {
background-color: mix(black, saturate(@brand-secondary, 20%), 16%);
&::before {
border-left-color: mix(black, saturate(@brand-secondary, 20%), 16%);
}
}
&::after {
border-left-color: mix(black, saturate(@brand-secondary, 20%), 31%);
}
&:not(:last-child)::before {
border-left-color: @brand-secondary;
}
}
}