Overflow

Brûk dizze shorthand-hulpprogramma's om fluch te konfigurearjen hoe't ynhâld in elemint oerstreamt.

Pas it overflowpân op 'e flecht oan mei fjouwer standertwearden en klassen. Dizze klassen binne standert net reageare.

Dit is in foarbyld fan gebrûk .overflow-autoop in elemint mei set breedte en hichte ôfmjittings. Troch ûntwerp sil dizze ynhâld fertikaal rôlje.

Dit is in foarbyld fan gebrûk .overflow-hiddenop in elemint mei set breedte en hichte ôfmjittings.

Dit is in foarbyld fan gebrûk .overflow-visibleop in elemint mei set breedte en hichte ôfmjittings.

Dit is in foarbyld fan gebrûk .overflow-scrollop in elemint mei set breedte en hichte ôfmjittings.

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

Mei help fan Sass fariabelen, kinne jo oanpasse de oerlêst nutsbedriuwen troch feroarjen fan de $overflowsfariabele yn _variables.scss.

Sass

Utilities API

Overflow nutsbedriuwen wurde ferklearre yn ús nutsbedriuwen API yn scss/_utilities.scss. Learje hoe't jo de utilities API brûke.

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