Typography

List Style Position

Utilities for sets the position of a list's bullets.


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-insidelist-style-position: inside
list-outsidelist-style-position: outside

Usage

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