Syntax
scroll-padding
Setting the scroll padding of an element.
Overview
| Class | Declarations |
|---|---|
scroll-p:<size> | scroll-padding: <size>/16rem;
|
scroll-pt:<size> | scroll-padding-top: <size>/16rem;
|
scroll-pb:<size> | scroll-padding-bottom: <size>/16rem;
|
scroll-pl:<size> | scroll-padding-left: <size>/16rem;
|
scroll-pr:<size> | scroll-padding-right: <size>/16rem;
|
scroll-px:<size> | scroll-padding-left: <size>/16rem;
scroll-padding-right: <size>/16rem;
|
scroll-py:<size> | scroll-padding-top: <size>/16rem;
scroll-padding-bottom: <size>/16rem;
|
Apply conditionally
Apply styles based on different states using selectors and conditional queries.
<div class="scroll-p:10:hover scroll-p:10@sm scroll-p:10@dark scroll-p:10@print">…</div>