47 lines
943 B
SCSS
47 lines
943 B
SCSS
.breadcrumb {
|
|
margin: 1rem;
|
|
margin-bottom: 0;
|
|
padding: 0.5rem;
|
|
border-radius: 0.25rem;
|
|
padding: auto;
|
|
font-family: $title-font;
|
|
|
|
@include truncate($grid_max_width + $grid_max_unit);
|
|
@include themify($themes) {
|
|
background-color: themed('breadcrumb-background-color');
|
|
}
|
|
|
|
ol {
|
|
@include flexbox();
|
|
@include align-items(center);
|
|
}
|
|
|
|
li {
|
|
display: inline;
|
|
font-size: 0.9rem;
|
|
|
|
a {
|
|
@include themify($themes) {
|
|
color: themed('breadcrumb-item-color');
|
|
@include on-event {
|
|
color: themed('link-hover');
|
|
}
|
|
}
|
|
}
|
|
|
|
&:last-child {
|
|
@include truncate($grid_max_width + $grid_max_unit);
|
|
@include themify($themes) {
|
|
color: themed('breadcrumb-item-active-color');
|
|
}
|
|
}
|
|
}
|
|
|
|
li+li:before {
|
|
padding: 0.5rem;
|
|
content: "/\00a0";
|
|
@include themify($themes) {
|
|
color: themed('breadcrumb-item-color');
|
|
}
|
|
}
|
|
} |