Syntax
scroll-margin
Setting the scroll margin of an element.
Overview
| Class | Declarations |
|---|---|
scroll-m:<size> | scroll-margin: <size>/16rem;
|
scroll-mt:<size> | scroll-margin-top: <size>/16rem;
|
scroll-mb:<size> | scroll-margin-bottom: <size>/16rem;
|
scroll-ml:<size> | scroll-margin-left: <size>/16rem;
|
scroll-mr:<size> | scroll-margin-right: <size>/16rem;
|
scroll-mx:<size> | scroll-margin-left: <size>/16rem;
scroll-margin-right: <size>/16rem;
|
scroll-my:<size> | scroll-margin-top: <size>/16rem;
scroll-margin-bottom: <size>/16rem;
|
Apply conditionally
Apply styles based on different states using selectors and conditional queries.
<div class="scroll-m:10:hover scroll-m:10@sm scroll-m:10@dark scroll-m:10@print">…</div>