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:
Eryn Wells 2024-07-03 07:44:40 -07:00
parent c878427e2e
commit f53f266c9a

View file

@ -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: "•";
} }
} }