Iwwerschwemmung

Benotzt dës Shorthand Utilities fir séier ze konfiguréieren wéi Inhalt en Element iwwerflësseg ass.

Ajustéieren der overflowPropriétéit op der fléien mat véier Default Wäerter a Klassen. Dës Klassen reagéieren net par défaut.

Dëst ass e Beispill fir .overflow-autoop en Element mat agestallte Breet an Héicht Dimensiounen ze benotzen. Duerch Design wäert dësen Inhalt vertikal scrollen.

Dëst ass e Beispill fir .overflow-hiddenop en Element mat agestallte Breet an Héicht Dimensiounen ze benotzen.

Dëst ass e Beispill fir .overflow-visibleop en Element mat agestallte Breet an Héicht Dimensiounen ze benotzen.

Dëst ass e Beispill fir .overflow-scrollop en Element mat agestallte Breet an Héicht Dimensiounen ze benotzen.

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

Mat Sass Variablen kënnt Dir d'Iwwerfluss Utilities personaliséieren andeems Dir d' $overflowsVariabel an _variables.scss.

Sass

Utilities API

Overflow Utilities ginn an eiser Utilities API deklaréiert an scss/_utilities.scss. Léiert wéi Dir d'Utilities API benotzt.

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