Syntax

Overflow

Controlling the desired behavior for an element's overflow.

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

Overview

ClassDeclarations
overflowedoverflow: visible;
overflow:autooverflow: auto;
overflow:hiddenoverflow: hidden;
overflow:overlayoverflow: auto,overlay;
overflow:scrolloverflow: scroll;
overflow:clipoverflow: clip;
overflow-x:autooverflow-x: auto;
overflow-y:autooverflow-y: auto;
overflow-x:hiddenoverflow-x: hidden;
overflow-y:hiddenoverflow-y: hidden;
overflow-x:overlayoverflow-x: auto,overlay;
overflow-y:overlayoverflow-y: auto,overlay;
overflow-x:scrolloverflow-x: scroll;
overflow-y:scrolloverflow-y: scroll;
overflow-x:visibleoverflow-x: visible;
overflow-y:visibleoverflow-y: visible;
overflow-x:clipoverflow-x: clip;
overflow-y:clipoverflow-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>
Design Token
Colors

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.