Syntax

Scroll Snap Align

Setting the scroll snap position.

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

Overview

ClassDeclarations
scroll-snap-align:valuescroll-snap-align: value;
scroll-snap:centerscroll-snap-align: center;
scroll-snap:endscroll-snap-align: end;
scroll-snap:startscroll-snap-align: start;
scroll-snap-align:nonescroll-snap-align: none;

Conditionally apply

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

<div class="scroll-snap-align:center:hover scroll-snap-align:center@sm scroll-snap-align:center@dark scroll-snap-align:center@print"></div>
Design Token
Colors

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.