scroll-padding-left
Sets the left padding of a scroll container to adjust scroll snap positions. Compensates so scroll targets are not obscured in layouts with a fixed sidebar.
Class List
Pattern: spl{value}{unit}
| Class | CSS | Description |
|---|---|---|
spl0 | scroll-padding-left: 0 | No scroll padding |
spl8px | scroll-padding-left: 8px | 8px padding |
spl16px | scroll-padding-left: 16px | 16px padding |
spl2rem | scroll-padding-left: 2rem | 20px padding |
spl4rem | scroll-padding-left: 4rem | 40px padding |
Usage Examples
<!-- Horizontal scroll with fixed sidebar -->
<div class="spl25rem oxa df gap16px">
<div class="fs0 w28rem bg18181B p2rem br8px">Card 1</div>
<div class="fs0 w28rem bg18181B p2rem br8px">Card 2</div>
</div>
<aside class="pf t0 l0 w25rem h100vh bg18181B">Sidebar</aside>