Skip to main content

Chassis v5.4.0

Overflow utilities

Overflow utilities are used for handling what happens if content overflows an element’s box.

<div class="ch-overflow--auto"></div>
<!-- overflow: auto -->

<div class="ch-overflow--scroll"></div>
<!-- overflow: scroll -->

<div class="ch-overflow--scroll-x"></div>
<!-- overflow-x: scroll -->

<div class="ch-overflow--scroll-y"></div>
<!-- overflow-y: scroll -->

<div class="ch-overflow--hidden"></div>
<!-- overflow: hidden -->

<!-- Responsive eg... -->
<div class="[sl,sm,md,lg]:ch-*"></div>