Transbordar

Use esses utilitários abreviados para configurar rapidamente como o conteúdo transborda de um elemento.

Ajuste a overflowpropriedade rapidamente com quatro valores e classes padrão. Essas classes não são responsivas por padrão.

Este é um exemplo de uso .overflow-autoem um elemento com dimensões de largura e altura definidas. Por design, esse conteúdo será rolado verticalmente.

Este é um exemplo de uso .overflow-hiddenem um elemento com dimensões de largura e altura definidas.

Este é um exemplo de uso .overflow-visibleem um elemento com dimensões de largura e altura definidas.

Este é um exemplo de uso .overflow-scrollem um elemento com dimensões de largura e altura definidas.

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

Usando variáveis Sass, você pode personalizar os utilitários de estouro alterando a $overflowsvariável em _variables.scss.

Sass

API de utilitários

Os utilitários de estouro são declarados em nossa API de utilitários em scss/_utilities.scss. Saiba como usar a API de utilitários.

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