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