47 lines
773 B
CSS
Executable file
47 lines
773 B
CSS
Executable file
.breadcrumb {
|
||
top:0;
|
||
margin: 0 var(--margin-l);
|
||
padding-left: 0;
|
||
background-color: var(--background);
|
||
z-index: 1;
|
||
font-size: var(--base-font-size);
|
||
display: inline;
|
||
}
|
||
|
||
.breadcrumb ol {
|
||
list-style-type: none;
|
||
display: inline-flex;
|
||
padding:0;
|
||
gap: calc(1ch - 5px);
|
||
margin:0;
|
||
}
|
||
|
||
|
||
|
||
.breadcrumb ol li {
|
||
display: inline-flex;
|
||
gap: calc(1ch - 5px);
|
||
margin:0;
|
||
padding:0;
|
||
}
|
||
|
||
.breadcrumb ol li+li:before {
|
||
content: "›";
|
||
display: block;
|
||
position: relative;
|
||
}
|
||
|
||
@media (max-width:550px) {
|
||
.breadcrumb ol li {
|
||
display: none;
|
||
}
|
||
.breadcrumb ol li:first-child,
|
||
.breadcrumb ol li:last-child {
|
||
display: inline-flex;
|
||
}
|
||
}
|
||
|
||
|
||
[theme="dark"] .breadcrumb {
|
||
color:var(--accent);
|
||
}
|