Eryn Wells
d1154de459
This thing looks like a path. It lists the hierarchy of pages from the home page.
39 lines
533 B
CSS
39 lines
533 B
CSS
{{/*
|
|
099_breadcrumb.css
|
|
Eryn Wells <eryn@erynwells.me>
|
|
vim: set sw=2 sts=2:
|
|
*/}}
|
|
|
|
|
|
|
|
|
|
|
|
/*************
|
|
# BREADCRUMB
|
|
*************/
|
|
|
|
.nav-breadcrumb {
|
|
--item-spacing: var(--space-xxs);
|
|
|
|
font-size: var(--text-s);
|
|
grid-column: main-start / main-end;
|
|
|
|
ul, ol {
|
|
display: flex;
|
|
margin-block: 0;
|
|
padding-inline: 0;
|
|
}
|
|
|
|
li {
|
|
color: var(--gray6);
|
|
list-style-type: none;
|
|
|
|
&::after {
|
|
content: "/";
|
|
}
|
|
}
|
|
|
|
li::after, li:not(:first-child) {
|
|
margin-inline-start: var(--item-spacing);
|
|
}
|
|
}
|