Desbordament

Utilitzeu aquestes utilitats abreujades per configurar ràpidament com el contingut desborda un element.

Ajusteu la overflowpropietat sobre la marxa amb quatre valors i classes per defecte. Aquestes classes no responen per defecte.

Aquest és un exemple d'ús .overflow-autoen un element amb unes dimensions d'amplada i alçada establertes. Per disseny, aquest contingut es desplaçarà verticalment.

Aquest és un exemple d'ús .overflow-hiddenen un element amb unes dimensions d'amplada i alçada establertes.

Aquest és un exemple d'ús .overflow-visibleen un element amb unes dimensions d'amplada i alçada establertes.

Aquest és un exemple d'ús .overflow-scrollen un element amb unes dimensions d'amplada i alçada establertes.

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

Amb variables Sass, podeu personalitzar les utilitats de desbordament canviant la $overflowsvariable a _variables.scss.

Sass

Utilitats API

Les utilitats de desbordament es declaren a la nostra API d'utilitats a scss/_utilities.scss. Apreneu a utilitzar l'API d'utilitats.

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