List Style Type

Controls the style of a list.

Class	Properties
lst-c	list-style-type: circle;
lst-d	list-style-type: disc;
lst-s	list-style-type: square;

---

Using breakpoints

The utilization of breakpoint modifiers, like sm:lst-*, md:lst-*, lg:lst-*, and xxl:lst-* enables the targeting of specific utilities in disparate viewports.

<ul class="lst-d md:lst-s ...">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

Using variants

The :hover variant, such as h:lst-*, allows you to modify list styles when hovering over list items.

<ul class="lst-d h:lst-s ...">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>