brianfertig/Organize
brianfertig
/
Organize
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Restore list markers stripped by Tailwind v4 preflight 

Tailwind v4's preflight sets `list-style: none` on all lists, and the
wmde-markdown stylesheet only re-declares markers for nested levels.
Top-level lists therefore render without bullets. Re-declare the classic
disc/circle/square nesting in unlayered CSS so it always wins over the
preflight regardless of lazy-chunk injection order.
This commit is contained in:
Brian Fertig 2026-09-29 09:31:30 -06:00
parent 0a8f374506
commit cc6c486dbc
1 changed files with 21 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
app/globals.css
View File

@ -2283,6 +2283,27 @@ html .wmde-markdown {
background-color: transparent; background-color: transparent;
color: var(--foreground); color: var(--foreground);
} }
/* Tailwind v4's preflight strips list markers ("Make lists unstyled by
default": `ol, ul, menu { list-style: none; }`), and the library's stylesheet
only sets list-style-type for *nested* list levels -- top-level lists fall
back to the (now-removed) browser default, so their bullets disappear.
Re-declare the markers (classic disc/circle/square nesting). Unlayered CSS
beats the base preflight regardless of the lazy chunk's injection order, and
`.no-list` (task lists) still wins at higher specificity. */
html .wmde-markdown ul {
list-style: disc outside;
}
html .wmde-markdown ol {
list-style: decimal outside;
}
html .wmde-markdown ul ul,
html .wmde-markdown ol ul {
list-style: circle outside;
}
html .wmde-markdown ul ul ul,
html .wmde-markdown ol ul ul {
list-style: square outside;
}
.w-md-editor { .w-md-editor {
--md-editor-font-family: var(--font-sans); --md-editor-font-family: var(--font-sans);
font-size: 0.875rem; font-size: 0.875rem;