Flyde over

Brug disse stenografiske hjælpeprogrammer til hurtigt at konfigurere, hvordan indholdet flyder over et element.

Juster overflowegenskaben på farten med fire standardværdier og klasser. Disse klasser reagerer ikke som standard.

Dette er et eksempel på brug .overflow-autopå et element med indstillede bredde- og højdemål. Efter design vil dette indhold rulle lodret.

Dette er et eksempel på brug .overflow-hiddenpå et element med indstillede bredde- og højdemål.

Dette er et eksempel på brug .overflow-visiblepå et element med indstillede bredde- og højdemål.

Dette er et eksempel på brug .overflow-scrollpå et element med indstillede bredde- og højdemål.

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

Ved at bruge Sass-variabler kan du tilpasse overløbsværktøjerne ved at ændre $overflowsvariablen i _variables.scss.

Sass

Hjælpeprogrammer API

Overløbsværktøjer erklæres i vores hjælpeprogrammer API i scss/_utilities.scss. Lær, hvordan du bruger utilities API.

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