scroll-padding-right
Sets the right padding of a scroll container to adjust scroll snap positions. Provides space at the right edge in horizontal scrolling.
Class List
Pattern: spr{value}{unit}
| Class | CSS | Description |
|---|---|---|
spr0 | scroll-padding-right: 0 | No scroll padding |
spr8px | scroll-padding-right: 8px | 8px padding |
spr16px | scroll-padding-right: 16px | 16px padding |
spr2rem | scroll-padding-right: 2rem | 20px padding |
spr4rem | scroll-padding-right: 4rem | 40px padding |
Usage Examples
<!-- Right padding on horizontal scroll container -->
<div class="spr2rem oxa df gap16px">
<div class="fs0 w28rem bg18181B p2rem br8px">Card 1</div>
<div class="fs0 w28rem bg18181B p2rem br8px">Card 2</div>
<div class="fs0 w28rem bg18181B p2rem br8px">Card 3</div>
</div>