scroll-margin
Utilities for controlling the scroll offset around items in a snap container.
| Utility | Styles |
|---|---|
scroll.m[*<value>*] | scroll-margin: calc(var(--spacing) * *<number>*); |
scroll.mx[*<value>*] | scroll-margin-inline: calc(var(--spacing) * *<number>*); |
scroll.my[*<value>*] | scroll-margin-block: calc(var(--spacing) * *<number>*); |
scroll.ms[*<value>*] | scroll-margin-inline-start: calc(var(--spacing) * *<number>*); |
scroll.me[*<value>*] | scroll-margin-inline-end: calc(var(--spacing) * *<number>*); |
scroll.mbs[*<value>*] | scroll-margin-block-start: calc(var(--spacing) * *<number>*); |
scroll.mbe[*<value>*] | scroll-margin-block-end: calc(var(--spacing) * *<number>*); |
scroll.mt[*<value>*] | scroll-margin-top: calc(var(--spacing) * *<number>*); |
scroll.mr[*<value>*] | scroll-margin-right: calc(var(--spacing) * *<number>*); |
scroll.mb[*<value>*] | scroll-margin-bottom: calc(var(--spacing) * *<number>*); |
scroll.ml[*<value>*] | scroll-margin-left: calc(var(--spacing) * *<number>*); |