Overflow
Use these utilities to control content overflow, scrolling, and text truncation.
Cut Heights
Hide overflowing content beyond a defined height.
.fo-cut-height-100 | max-height: 100px |
.fo-cut-height-250 | max-height: 250px |
.fo-cut-height-350 | max-height: 350px |
.fo-cut-height-500 | max-height: 500px |
Scroll Heights
Enable scroll for content beyond a defined height.
.fo-scroll-height-100 | max-height: 100px + scroll |
.fo-scroll-height-250 | max-height: 250px + scroll |
.fo-scroll-height-350 | max-height: 350px + scroll |
.fo-scroll-height-500 | max-height: 500px + scroll |
General Overflow Helpers
.fo-overflow-hidden | overflow: hidden |
.fo-overflow-auto | overflow: auto |
.fo-overflow-x-auto | overflow-x: auto |
.fo-overflow-y-auto | overflow-y: auto |
Text Ellipsis
.fo-ellipsis-1 | Single line truncation |
.fo-ellipsis-3 | Multi-line (3 lines) truncation |