scroll-margin-left
Adds margin to the left of an element when scrolling via anchor links. Ensures spacing so elements don't stick to the left edge of the container in horizontal scroll snapping.
Class List
Pattern: sml{value}{unit}
| Class | CSS | Description |
|---|---|---|
sml0 | scroll-margin-left: 0 | No scroll margin |
sml8px | scroll-margin-left: 8px | 8px margin |
sml16px | scroll-margin-left: 16px | 16px margin |
sml2rem | scroll-margin-left: 2rem | 20px margin |
sml4rem | scroll-margin-left: 4rem | 40px margin |
Usage Examples
<!-- Left margin in horizontal scroll snap -->
<div class="df oxa gap16px">
<div class="sml2rem fs0 w28rem bg18181B p2rem br8px">Card 1</div>
<div class="sml2rem fs0 w28rem bg18181B p2rem br8px">Card 2</div>
<div class="sml2rem fs0 w28rem bg18181B p2rem br8px">Card 3</div>
</div>