Typography

List Style Type

Utilities for sets the bullet style of a list.


Variant

Active Checked Child-Selection Dark Mode Disabled Expand First-Last-Selection First-Letter Focus Focus-Visible Focus-Within Fullscreen Group-Focus Group-Hover Hover Landscape Light Mode Portrait Reduce-Motion Responsive Selection-Hover Visited

API

classcss
list-nonelist-style-type: none
list-disclist-style-type: disc
list-decimallist-style-type: decimal

Usage

  • lorem
  • lorem
  • lorem
list-decimal
  • lorem
  • lorem
  • lorem
list-none
<ul class="list-decimal">
<li>
...
</li>
...
</ul>
HTML
ul {
@extend
.list-decimal;
}
SCSS