Meluap

Gunakan utilitas singkatan ini untuk mengonfigurasi dengan cepat bagaimana konten meluap ke suatu elemen.

Sesuaikan overflowproperti dengan cepat dengan empat nilai dan kelas default. Kelas-kelas ini tidak responsif secara default.

Ini adalah contoh penggunaan .overflow-autopada elemen dengan dimensi lebar dan tinggi yang ditetapkan. Secara desain, konten ini akan bergulir secara vertikal.

Ini adalah contoh penggunaan .overflow-hiddenpada elemen dengan dimensi lebar dan tinggi yang ditetapkan.

Ini adalah contoh penggunaan .overflow-visiblepada elemen dengan dimensi lebar dan tinggi yang ditetapkan.

Ini adalah contoh penggunaan .overflow-scrollpada elemen dengan dimensi lebar dan tinggi yang ditetapkan.

<div class="overflow-auto">...</div>
<div class="overflow-hidden">...</div>
<div class="overflow-visible">...</div>
<div class="overflow-scroll">...</div>

Menggunakan variabel Sass, Anda dapat menyesuaikan utilitas overflow dengan mengubah $overflowsvariabel di _variables.scss.

Kelancangan

API Utilitas

Utilitas overflow dideklarasikan di API utilitas kami di scss/_utilities.scss. Pelajari cara menggunakan API utilitas.

    "overflow": (
      property: overflow,
      values: auto hidden visible scroll,
    ),