Skip to content

Commit 56b48f6

Browse files
committed
fix: prevent list bullets in nav elements, narrow prose list scope
The list restoration selector matched too broadly — .l-stack and section:not([class]) caused nav <ul> elements inside Header/Footer design system examples to show disc bullets. Two fixes: - Narrow prose list restoration to only article and .content-page (the actual markdown prose containers) - Add explicit nav ul/ol override with real specificity (0,0,2) that ensures navigation lists never show bullets regardless of their container context
1 parent 76c587c commit 56b48f6

1 file changed

Lines changed: 9 additions & 3 deletions

File tree

src/design/base.css

Lines changed: 9 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -25,20 +25,26 @@
2525
p, ul, ol, dl, table {
2626
max-inline-size: var(--measure-prose);
2727
}
28-
/* Restore list styling for prose content — nav/UI lists keep reset defaults */
29-
:where(article, .content-page, .l-stack, section:not([class])) :where(ul) {
28+
/* Restore list styling inside prose containers (markdown output) */
29+
:where(article, .content-page) :where(ul) {
3030
padding-inline-start: 1.5em;
3131
margin-block-end: 1em;
3232
list-style: disc;
3333
}
34-
:where(article, .content-page, .l-stack, section:not([class])) :where(ol) {
34+
:where(article, .content-page) :where(ol) {
3535
padding-inline-start: 1.5em;
3636
margin-block-end: 1em;
3737
list-style: decimal;
3838
}
3939
:where(article, .content-page) :where(li + li) {
4040
margin-block-start: 0.25em;
4141
}
42+
/* Navigation lists never have bullets — overrides any container restoration */
43+
nav ul, nav ol {
44+
list-style: none;
45+
padding-inline-start: 0;
46+
margin-block-end: 0;
47+
}
4248
dt {
4349
font-weight: 600;
4450
}

0 commit comments

Comments
 (0)