Scroll

Scroll Padding

Style syntax for setting the scroll padding of an element.

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

Class	Declarations
`scroll-padding:size` `/` `scroll-p:size`	`scroll-padding: sizerem`
`scroll-padding:size\|size\|size\|size` `/` `scroll-p:size\|size\|size\|size`	`scroll-padding: sizerem sizerem sizerem sizerem`
`scroll-padding-top:size` `/` `scroll-pt:size`	`scroll-padding-top: sizerem`
`scroll-padding-bottom:size` `/` `scroll-pb:size`	`scroll-padding-bottom: sizerem`
`scroll-padding-left:size` `/` `scroll-pl:size`	`scroll-padding-left: sizerem`
`scroll-padding-right:size` `/` `scroll-pr:size`	`scroll-padding-right: sizerem`
`scroll-px:size`	`scroll-padding-left: sizerem; scroll-padding-right: sizerem`
`scroll-py:size`	`scroll-padding-top: sizerem; scroll-padding-bottom: sizerem`

Conditionally apply

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

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