Syntax

Touch Action

Setting how an element's region can be manipulated by a touchscreen user.

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

Class	Declarations
`touch-action:value`	`touch-action: value;`
`touch-action:auto`	`touch-action: auto;`
`touch-action:none`	`touch-action: none;`
`touch-action:pan-x`	`touch-action: pan-x;`
`touch-action:pan-left`	`touch-action: pan-left;`
`touch-action:pan-right`	`touch-action: pan-right;`
`touch-action:pan-y`	`touch-action: pan-y;`
`touch-action:pan-up`	`touch-action: pan-up;`
`touch-action:pan-down`	`touch-action: pan-down;`
`touch-action:pinch-zoom`	`touch-action: pinch-zoom;`
`touch-action:manipulation`	`touch-action: manipulation;`

Conditionally apply

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

<div class="touch-action:auto:hover touch-action:auto@sm touch-action:auto@dark touch-action:auto@print">…</div>

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.