Overflow
Example
u-overflow allows you to specify how an element should handle any over flowing elements or text.
In the first example we're using u-overflow--scroll which sets the element to allways show a scrollbar.
In the first example we're using u-overflow--scroll which sets the element to allways show a scrollbar.
Scroll
The second example has u-overflow--hidden, this hides any over flow even if that means cutting through an element.
Hidden
For the third example we're using u-overflow--visible to allow all overflow to be visible.
Visible
The fourth example is great for when we have an element with a set height but we're not sure how tal the content will be.
u-overflow--auto will add scroll to the element if needed.
Auto
Classes
Format: u-overflow--overflow
This utlitiy is responsive and can be used like class="u-overflow--overflow@md"
| Modifiers | Description | Values |
| overflow | Sets how to handle overflow | hidden, auto, visible, scroll |