There is a newer version of Luda.

Let's go!

Overflow

Use overflow utilities to control how content overflows a container.

Introduction

Overflow utilities are classes for setting the value of the overflow property. There’re three overflow classes: .of-hidden, .of-auto and .of-visible. Let’s see the below examples for detail.

Examples

.of-hidden

<div class="of-hidden">
  <div style="height: 200%"></div>
</div>

.of-auto

<div class="of-auto">
  <div style="height: 200%"></div>
</div>

.of-visible

<div class="of-visible">
  <div style="height: 200%"></div>
</div>