Scroll Padding

Utilities for controlling an element's scroll offset within a snap container.

Class	CSS Output
`scroll-p-0`	`scroll-padding: calc(var(--spacing) * 0); }`
`scroll-p-4`	`scroll-padding: calc(var(--spacing) * 4); }`
`scroll-p-8`	`scroll-padding: calc(var(--spacing) * 8); }`
`scroll-p-auto`	`scroll-padding: auto; }`
`scroll-p-px`	`scroll-padding: 1px; }`
`scroll-p-[value]`	`scroll-p: [value] }`
`-scroll-p-4`	`scroll-padding: calc(var(--spacing) * 4); }`
`scroll-px-0`	`scroll-padding-inline: calc(var(--spacing) * 0); }`
`scroll-px-4`	`scroll-padding-inline: calc(var(--spacing) * 4); }`
`scroll-px-8`	`scroll-padding-inline: calc(var(--spacing) * 8); }`

scroll-p-0

scroll-padding: calc(var(--spacing) * 0);

scroll-p-4

scroll-padding: calc(var(--spacing) * 4);

scroll-p-8

scroll-padding: calc(var(--spacing) * 8);

scroll-p-auto

scroll-padding: auto;

scroll-p-px

scroll-padding: 1px;

scroll-p-[value]

scroll-p: [value]

-scroll-p-4

scroll-padding: calc(var(--spacing) * 4);

scroll-px-0

scroll-padding-inline: calc(var(--spacing) * 0);

scroll-px-4

scroll-padding-inline: calc(var(--spacing) * 4);

scroll-px-8

scroll-padding-inline: calc(var(--spacing) * 8);

Reference