page_breadcrumb: Implement a breadcrumb and display it above the <main> content
The breadcrumb shows navigation from the home page as a path: / > Posts > This Post en.yaml
This commit is contained in:
parent
db3f1f40fa
commit
a5e5d04b9f
4 changed files with 47 additions and 0 deletions
30
assets/css/099_breadcrumb.css
Normal file
30
assets/css/099_breadcrumb.css
Normal file
|
@ -0,0 +1,30 @@
|
|||
|
||||
|
||||
|
||||
|
||||
|
||||
/*************
|
||||
# BREADCRUMB
|
||||
*************/
|
||||
|
||||
.nav-breadcrumb {
|
||||
font-size: var(--text-s);
|
||||
|
||||
ul, ol {
|
||||
display: flex;
|
||||
padding-inline: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
li:not(:first-child) {
|
||||
margin-inline-start: var(--space-xs);
|
||||
|
||||
&::before {
|
||||
content: "›";
|
||||
margin-inline-end: var(--space-xs);
|
||||
}
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue