Svämma över

Använd dessa stenografiverktyg för att snabbt konfigurera hur innehållet svämmar över ett element.

Justera overflowegenskapen i farten med fyra standardvärden och klasser. Dessa klasser är inte responsiva som standard.

Detta är ett exempel på användning .overflow-autopå ett element med inställda bredd- och höjdmått. Genom design kommer detta innehåll att rulla vertikalt.

Detta är ett exempel på användning .overflow-hiddenpå ett element med inställda bredd- och höjdmått.

Detta är ett exempel på användning .overflow-visiblepå ett element med inställda bredd- och höjdmått.

Detta är ett exempel på användning .overflow-scrollpå ett element med inställda bredd- och höjdmått.

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

Med hjälp av Sass-variabler kan du anpassa överflödesverktygen genom att ändra $overflowsvariabeln i _variables.scss.

Sass

Utilities API

Overflow-verktyg deklareras i vårt utilities API i scss/_utilities.scss. Lär dig hur du använder utilities API.

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