List Style Position
Utilities for controlling the position of bullets/numbers in lists.
| Class | Properties |
|---|---|
| .list-inside | list-style-position: inside; |
| .list-outside | list-style-position: outside; |
Usage
Control the position of the markers in a list using the .list-inside and .list-outside utilities.
.list-inside
- Lorem ipsum dolor sit amet, consectetur adipisicing elit
- Assumenda, quia temporibus eveniet a libero incidunt suscipit
- Quidem, ipsam illum quis sed voluptatum quae eum fugit earum
.list-outside
- Lorem ipsum dolor sit amet, consectetur adipisicing elit
- Assumenda, quia temporibus eveniet a libero incidunt suscipit
- Quidem, ipsam illum quis sed voluptatum quae eum fugit earum
Variants
By default, only responsive variants are generated for this utility. You can control which variants are generated by modifying the $utility-configuration in _settings.scss.