Refine the breadcrumb styles

This commit is contained in:
Eryn Wells 2024-07-06 11:02:53 -07:00
parent 4328f31ad2
commit 8bf2c29d6b

View file

@ -1,3 +1,8 @@
{{/*
099_breadcrumb.css
Eryn Wells <eryn@erynwells.me>
vim: set sw=2 sts=2:
*/}}
@ -8,10 +13,13 @@
*************/
.nav-breadcrumb {
--item-spacing: var(--space-xxs);
font-size: var(--text-s);
ul, ol {
display: flex;
margin-block: 0;
padding-inline: 0;
}
@ -20,11 +28,12 @@
}
li:not(:first-child) {
margin-inline-start: var(--space-xs);
margin-inline-start: var(--item-spacing);
&::before {
content: "";
margin-inline-end: var(--space-xs);
color: var(--gray5);
content: "/";
margin-inline-end: var(--item-spacing);
}
}
}