Overflow

Aduprate queste utility shorthand per cunfigurà rapidamente cumu u cuntenutu overflows un elementu.

Aghjustate a overflowpruprietà nantu à a mosca cù quattru valori è classi predeterminati. Queste classi ùn sò micca responsive per difettu.

Questu hè un esempiu di usu .overflow-autonantu à un elementu cù dimensioni di larghezza è altezza stabilita. Per cuncepimentu, stu cuntenutu scorrerà verticalmente.

Questu hè un esempiu di usu .overflow-hiddennantu à un elementu cù dimensioni di larghezza è altezza stabilita.

Questu hè un esempiu di usu .overflow-visiblenantu à un elementu cù dimensioni di larghezza è altezza stabilita.

Questu hè un esempiu di usu .overflow-scrollnantu à un elementu cù dimensioni di larghezza è altezza stabilita.

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

Utilizendu variabili Sass, pudete persunalizà l'utilità di overflow cambiendu a $overflowsvariabile in _variables.scss.

Sass

Utilities API

L'utilità di overflow sò dichjarate in a nostra API d'utilità in scss/_utilities.scss. Amparate cumu utilizà l'API utilities.

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