Skip to content

Snapping

This page lists all Snapping CSS custom properties and utility classes available in the OxyProps Framework

Parent Container

link Parent Container
DescriptionUtility Class
Scroll-snap-type property to none o-snap-none
Scroll-snap-type property to none mandatory o-snap-none-mandatory
Scroll-snap-type property to none proximity o-snap-none-proximity
Scroll-snap-type property to x o-snap-x
Scroll-snap-type property to x mandatory o-snap-x-mandatory
Scroll-snap-type property to x proximity o-snap-x-proximity
Scroll-snap-type property to y o-snap-y
Scroll-snap-type property to y mandatory o-snap-y-mandatory
Scroll-snap-type property to y proximity o-snap-y-proximity
Scroll-snap-type property to block o-snap-block
Scroll-snap-type property to block mandatory o-snap-block-mandatory
Scroll-snap-type property to block proximity o-snap-block-proximity
Scroll-snap-type property to inline o-snap-inline
Scroll-snap-type property to inline mandatory o-snap-inline-mandatory
Scroll-snap-type property to inline proximity o-snap-inline-proximity
Scroll-snap-type property to both o-snap-both
Scroll-snap-type property to both mandatory o-snap-both-mandatory
Scroll-snap-type property to both proximity o-snap-both-proximity

Children Elements

link Children Elements

Single Axis

link Single Axis
DescriptionUtility Class
Scroll-snap-align property to none o-snap-none
Scroll-snap-align property to start o-snap-start
Scroll-snap-align property to end o-snap-end
Scroll-snap-align property to center o-snap-center

Split Axis (Block and Inline)

link Split Axis (Block and Inline)
DescriptionUtility Class
Scroll-snap-align property to none none o-snap-none-none
Scroll-snap-align property to none start o-snap-none-start
Scroll-snap-align property to none end o-snap-none-end
Scroll-snap-align property to none center o-snap-none-center
Scroll-snap-align property to start none o-snap-start-none
Scroll-snap-align property to start start o-snap-start-start
Scroll-snap-align property to start end o-snap-start-end
Scroll-snap-align property to start center o-snap-start-center
Scroll-snap-align property to end none o-snap-end-none
Scroll-snap-align property to end start o-snap-end-start
Scroll-snap-align property to end end o-snap-end-end
Scroll-snap-align property to end center o-snap-end-center
Scroll-snap-align property to center none o-snap-center-none
Scroll-snap-align property to center start o-snap-center-start
Scroll-snap-align property to center end o-snap-center-end
Scroll-snap-align property to center center o-snap-center-center
DescriptionUtility Class
Scroll-snap-stop property to normal o-snap-normal
Scroll-snap-stop property to always o-snap-always