You’re referring to Tailwind CSS utility classes and a custom selector pattern. Breakdown:
- list-inside: places list markers (bullets/numbers) inside the content box so the marker sits within the line box instead of hanging in the margin.
- list-disc: uses a filled circle bullet for unordered lists.
- whitespace-normal: collapses whitespace and allows wrapping (default white-space behavior).
- [li&]:pl-6 — this is a Tailwind arbitrary selector that targets an li element when used as a parent-level variant with the current selector (&). It applies padding-left: 1.5rem (pl-6) to that li. In context it’s typically used like:
- &]:pl-6” data-streamdown=“unordered-list”>…
which compiles to CSS roughly:
ul li { padding-left: 1.5rem; }
plus the list-inside/list-disc/whitespace rules.
Notes:
- Using list-inside with extra left padding may shift both marker and text; if you want the marker in the margin with indented text, use list-outside (default) and apply padding-left to the ul instead of li.
Leave a Reply