scroll-margin-right
Adds margin to the right of an element when scrolling via anchor links. Ensures spacing between elements in horizontal scroll snapping.
Class List
Pattern: smr{value}{unit}
| Class | CSS | Description |
|---|---|---|
smr0 | scroll-margin-right: 0 | No scroll margin |
smr8px | scroll-margin-right: 8px | 8px margin |
smr16px | scroll-margin-right: 16px | 16px margin |
smr2rem | scroll-margin-right: 2rem | 20px margin |
smr4rem | scroll-margin-right: 4rem | 40px margin |
Usage Examples
<!-- Right margin in horizontal scroll snap -->
<div class="df oxa gap16px">
<div class="smr2rem fs0 w28rem bg18181B p2rem br8px">Card 1</div>
<div class="smr2rem fs0 w28rem bg18181B p2rem br8px">Card 2</div>
<div class="smr2rem fs0 w28rem bg18181B p2rem br8px">Card 3</div>
</div>