Syntax

Scroll Padding

Setting the scroll padding of an element.

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

Overview

ClassDeclarations
scroll-p:sizescroll-padding: sizerem;
scroll-pt:sizescroll-padding-top: sizerem;
scroll-pb:sizescroll-padding-bottom: sizerem;
scroll-pl:sizescroll-padding-left: sizerem;
scroll-pr:sizescroll-padding-right: sizerem;
scroll-px:sizescroll-padding-left: sizerem; scroll-padding-right: sizerem;
scroll-py:sizescroll-padding-top: sizerem; scroll-padding-bottom: sizerem;

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

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.