Troppo pieno

Usa queste utilità di scorciatoia per configurare rapidamente il modo in cui il contenuto fa overflow di un elemento.

Regola la overflowproprietà al volo con quattro valori e classi predefiniti. Queste classi non rispondono per impostazione predefinita.

Questo è un esempio di utilizzo .overflow-autosu un elemento con dimensioni di larghezza e altezza impostate. In base alla progettazione, questo contenuto scorrerà verticalmente.

Questo è un esempio di utilizzo .overflow-hiddensu un elemento con dimensioni di larghezza e altezza impostate.

Questo è un esempio di utilizzo .overflow-visiblesu un elemento con dimensioni di larghezza e altezza impostate.

Questo è un esempio di utilizzo .overflow-scrollsu un elemento con dimensioni di larghezza e altezza impostate.

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

Utilizzando le variabili Sass, è possibile personalizzare le utilità di overflow modificando la $overflowsvariabile in _variables.scss.

Sass

API di utilità

Le utilità di overflow sono dichiarate nella nostra API delle utilità in scss/_utilities.scss. Scopri come utilizzare l'API delle utilità.

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