Syntax

scroll-margin🚧

Setting the scroll margin of an element.

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

Overview

ClassDeclarations
scroll-m:sizescroll-margin: size/16rem;
scroll-mt:sizescroll-margin-top: size/16rem;
scroll-mb:sizescroll-margin-bottom: size/16rem;
scroll-ml:sizescroll-margin-left: size/16rem;
scroll-mr:sizescroll-margin-right: size/16rem;
scroll-mx:sizescroll-margin-left: size/16rem; scroll-margin-right: size/16rem;
scroll-my:sizescroll-margin-top: size/16rem; scroll-margin-bottom: size/16rem;

Conditionally apply

Apply styles based on different states using selectors and applying conditionally.

<div class="scroll-m:10:hover scroll-m:10@sm scroll-m:10@dark scroll-m:10@print">…</div>
Syntax
scroll-behavior

Setting the scrolling behavior for a scrolling box.

Syntax
scroll-padding

Setting the scroll padding of an element.

© Aoyue Design LLC.