Scroll

Scroll Margin

Style syntax for setting the scroll margin of an element.

🚧This page is still under construction and some content may not be complete.

Class	Declarations
`scroll-margin:size` `/` `scroll-m:size`	`scroll-margin: sizerem`
`scroll-margin:size\|size\|size\|size` `/` `scroll-m:size\|size\|size\|size`	`scroll-margin: sizerem sizerem sizerem sizerem`
`scroll-margin-top:size` `/` `scroll-mt:size`	`scroll-margin-top: sizerem`
`scroll-margin-bottom:size` `/` `scroll-mb:size`	`scroll-margin-bottom: sizerem`
`scroll-margin-left:size` `/` `scroll-ml:size`	`scroll-margin-left: sizerem`
`scroll-margin-right:size` `/` `scroll-mr:size`	`scroll-margin-right: sizerem`
`scroll-mx:size`	`scroll-margin-left: sizerem; scroll-margin-right: sizerem`
`scroll-my:size`	`scroll-margin-top: sizerem; scroll-margin-bottom: sizerem`

Conditionally apply

Apply styles in different states using selectors, media queries, etc.

<div class="scroll-m:10:hover scroll-m:10@sm scroll-m:10@dark scroll-m:10@print">…</div>