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
| class | css |
|---|---|
| list-inside | list-style-position: inside |
| list-outside | list-style-position: outside |
Usage
list-inside
list-outside
<ul class="list-outside">
<li>
...
</li>
...
</ul>
HTML
ul {
@extend
.list-outside;
}
SCSS