Refine the breadcrumb styles
This commit is contained in:
parent
4328f31ad2
commit
8bf2c29d6b
1 changed files with 12 additions and 3 deletions
|
@ -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);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue