List style type
Utilities for controlling the bullet/number style of a list
Class reference
Usage
To create bulleted or numeric lists, use the list-disc
and list-decimal
utilities.
Using
.markdown
can override the list style classesResponsive
To control the list style type of a list element at a specific breakpoint, add a {screen}:
prefix to any existing list utility. For example, use .md:list-disc
to apply the list-disc
utility at only medium screen sizes and above.
<ul class="list-none **md:list-disc**">
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit</li>
<li>Assumenda, quia temporibus eveniet a libero incidunt suscipit</li>
<li>Quidem, ipsam illum quis sed voluptatum quae eum fugit earum</li>
</ul>
For more information about Elements’ responsive design features, check out the Responsive Design documentation.
On this Page
v1.13.5