Overloop

Gebruik deze steno-hulpprogramma's om snel te configureren hoe inhoud een element overstroomt.

Pas de overfloweigenschap direct aan met vier standaardwaarden en klassen. Deze klassen zijn standaard niet responsive.

Dit is een voorbeeld van gebruik .overflow-autoop een element met ingestelde breedte- en hoogteafmetingen. Door het ontwerp zal deze inhoud verticaal scrollen.

Dit is een voorbeeld van gebruik .overflow-hiddenop een element met ingestelde breedte- en hoogteafmetingen.

Dit is een voorbeeld van gebruik .overflow-visibleop een element met ingestelde breedte- en hoogteafmetingen.

Dit is een voorbeeld van gebruik .overflow-scrollop een element met ingestelde breedte- en hoogteafmetingen.

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

Met Sass-variabelen kunt u de overloophulpprogramma's aanpassen door de $overflowsvariabele in te wijzigen _variables.scss.

Sass

Hulpprogramma's-API

Overloophulpprogramma's worden gedeclareerd in onze hulpprogramma's-API in scss/_utilities.scss. Leer hoe u de hulpprogramma's-API gebruikt.

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