From cc6c486dbcd47f7896ba0e468ebd417fa4c91dd1 Mon Sep 17 00:00:00 2001 From: Brian Fertig Date: Tue, 29 Sep 2026 09:31:30 -0600 Subject: [PATCH] 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. --- app/globals.css | 21 +++++++++++++++++++++ 1 file changed, 21 insertions(+) diff --git a/app/globals.css b/app/globals.css index e29fa82..6b14217 100644 --- a/app/globals.css +++ b/app/globals.css @@ -2283,6 +2283,27 @@ html .wmde-markdown { background-color: transparent; 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 { --md-editor-font-family: var(--font-sans); font-size: 0.875rem;