list-disc/decimal/none/inside/outside plus list-image-[]. This family contains 7 generated classes in Nakshora 3.1.
Classes#
| Class | Generated CSS |
|---|---|
list-inside | list-style-position: inside; |
list-outside | list-style-position: outside; |
list-none | list-style-type: none; |
list-disc | list-style-type: disc; |
list-decimal | list-style-type: decimal; |
list-image-none | list-style-image: none; |
list-item | display: list-item; |
Example#
example
<ul class="list-disc pl-6 space-y-1">
<li>Disc bullets, indented</li>
</ul>Responsive & variants#
Every class here accepts screen prefixes (xxs: … 5xl:) and state variants — md:hover:p-4 style stacks compile to a single media query. See responsive/index|Responsive design and variants/index|Variants.
Best practices#
- preflight resets lists — add list-disc pl-6 to restore
- list-inside moves the marker inside the text box
Related#
colors/index|Text color · utilities/typography/font-size|Font size