Scroll

Scroll Snap Type

Style syntax for setting how strictly snap points are enforced on the scroll container.

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

Class	Declarations
`scroll-snap-type:value` `/` `scroll-snap:value`	`scroll-snap-type: value`
`scroll-snap-type:value\|value` `/` scroll-snap:value\|value`	`scroll-snap-type: value value`
`scroll-snap:x`	`scroll-snap-type: x`
`scroll-snap:y`	`scroll-snap-type: y`
`scroll-snap:both`	`scroll-snap-type: both`
`scroll-snap:block`	`scroll-snap-type: block`
`scroll-snap:inline`	`scroll-snap-type: inline`
`scroll-snap:x\|mandatory`
`scroll-snap:y\|proximity`
`scroll-snap:both\|mandatory`
`scroll-snap-type:none`	`scroll-snap-type: none`

Conditionally apply

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

<div class="scroll-snap-type:both:hover scroll-snap-type:both@sm scroll-snap-type:both@dark scroll-snap-type:both@print">…</div>