Syntax

Overflow

Controlling the desired behavior for an element's overflow.

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

Class	Declarations
`overflowed`	`overflow: visible;`
`overflow:auto`	`overflow: auto;`
`overflow:hidden`	`overflow: hidden;`
`overflow:overlay`	`overflow: auto,overlay;`
`overflow:scroll`	`overflow: scroll;`
`overflow:clip`	`overflow: clip;`
`overflow-x:auto`	`overflow-x: auto;`
`overflow-y:auto`	`overflow-y: auto;`
`overflow-x:hidden`	`overflow-x: hidden;`
`overflow-y:hidden`	`overflow-y: hidden;`
`overflow-x:overlay`	`overflow-x: auto,overlay;`
`overflow-y:overlay`	`overflow-y: auto,overlay;`
`overflow-x:scroll`	`overflow-x: scroll;`
`overflow-y:scroll`	`overflow-y: scroll;`
`overflow-x:visible`	`overflow-x: visible;`
`overflow-y:visible`	`overflow-y: visible;`
`overflow-x:clip`	`overflow-x: clip;`
`overflow-y:clip`	`overflow-y: clip;`

Conditionally apply

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

<div class="overflow:auto:hover overflow:auto@sm overflow:auto@dark overflow:auto@print">…</div>

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.