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;
|
Conditionally apply
Apply styles based on different states using selectors and applying conditionally.
<div class="scroll-p:10:hover scroll-p:10@sm scroll-p:10@dark scroll-p:10@print">…</div>