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 {
|
.nav-breadcrumb {
|
||||||
|
--item-spacing: var(--space-xxs);
|
||||||
|
|
||||||
font-size: var(--text-s);
|
font-size: var(--text-s);
|
||||||
|
|
||||||
ul, ol {
|
ul, ol {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
margin-block: 0;
|
||||||
padding-inline: 0;
|
padding-inline: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -20,11 +28,12 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
li:not(:first-child) {
|
li:not(:first-child) {
|
||||||
margin-inline-start: var(--space-xs);
|
margin-inline-start: var(--item-spacing);
|
||||||
|
|
||||||
&::before {
|
&::before {
|
||||||
content: "›";
|
color: var(--gray5);
|
||||||
margin-inline-end: var(--space-xs);
|
content: "/";
|
||||||
|
margin-inline-end: var(--item-spacing);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue