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: sizerem;
scroll-mt:sizescroll-margin-top: sizerem;
scroll-mb:sizescroll-margin-bottom: sizerem;
scroll-ml:sizescroll-margin-left: sizerem;
scroll-mr:sizescroll-margin-right: sizerem;
scroll-mx:sizescroll-margin-left: sizerem; scroll-margin-right: sizerem;
scroll-my:sizescroll-margin-top: sizerem; scroll-margin-bottom: sizerem;

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>
Design Token
Colors

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.