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: size/16rem;
scroll-pt:sizescroll-padding-top: size/16rem;
scroll-pb:sizescroll-padding-bottom: size/16rem;
scroll-pl:sizescroll-padding-left: size/16rem;
scroll-pr:sizescroll-padding-right: size/16rem;
scroll-px:sizescroll-padding-left: size/16rem; scroll-padding-right: size/16rem;
scroll-py:sizescroll-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>
Syntax
scroll-margin

Setting the scroll margin of an element.

Syntax
scroll-snap-align

Setting the scroll snap position.

© Aoyue Design LLC.