Přetékat

Použijte tyto zkrácené nástroje pro rychlou konfiguraci toho, jak obsah přeteče prvek.

Upravte overflowvlastnost za běhu pomocí čtyř výchozích hodnot a tříd. Tyto třídy ve výchozím nastavení nereagují.

Toto je příklad použití .overflow-autona prvku s nastavenými rozměry šířky a výšky. Podle návrhu se tento obsah bude svisle posouvat.

Toto je příklad použití .overflow-hiddenna prvku s nastavenými rozměry šířky a výšky.

Toto je příklad použití .overflow-visiblena prvku s nastavenými rozměry šířky a výšky.

Toto je příklad použití .overflow-scrollna prvku s nastavenými rozměry šířky a výšky.

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

Pomocí proměnných Sass můžete upravit nástroje přetečení změnou $overflowsproměnné v _variables.scss.

Sass

Utility API

Nástroje přetečení jsou deklarovány v našem rozhraní API pro nástroje v scss/_utilities.scss. Naučte se používat rozhraní API utilit.

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