Revărsare

Utilizați aceste utilitare de prescurtare pentru a configura rapid modul în care conținutul depășește un element.

Ajustați overflowproprietatea din mers cu patru valori și clase implicite. Aceste clase nu răspund în mod implicit.

Acesta este un exemplu de utilizare .overflow-autope un element cu dimensiunile de lățime și înălțime stabilite. Prin design, acest conținut se va derula vertical.

Acesta este un exemplu de utilizare .overflow-hiddenpe un element cu dimensiunile de lățime și înălțime stabilite.

Acesta este un exemplu de utilizare .overflow-visiblepe un element cu dimensiunile de lățime și înălțime stabilite.

Acesta este un exemplu de utilizare .overflow-scrollpe un element cu dimensiunile de lățime și înălțime stabilite.

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

Folosind variabilele Sass, puteți personaliza utilitățile de overflow schimbând $overflowsvariabila în _variables.scss.

Sass

Utilities API

Utilitarele overflow sunt declarate în API-ul nostru de utilitare în scss/_utilities.scss. Aflați cum să utilizați API-ul utilitare.

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