SiteHeader: Set the bullet in ::before instead of ::after
Set the bullet between nav items in the ::before content rather than the ::after. I found this lets me control spacing better. Set the flex gap to XS spacing.
This commit is contained in:
parent
c878427e2e
commit
f53f266c9a
1 changed files with 2 additions and 1 deletions
|
@ -28,6 +28,7 @@
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
gap: var(--space-xs);
|
||||||
list-style: none;
|
list-style: none;
|
||||||
padding-inline: 0;
|
padding-inline: 0;
|
||||||
|
|
||||||
|
@ -36,7 +37,7 @@
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
li:not(:last-child)::after {
|
li:not(:first-child)::before {
|
||||||
content: "•";
|
content: "•";
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue