in English
Transbordar
Use esses utilitários abreviados para configurar rapidamente como o conteúdo transborda de um elemento.
Ajuste a overflow
propriedade rapidamente com quatro valores e classes padrão. Essas classes não são responsivas por padrão.
Este é um exemplo de uso
.overflow-auto
em um elemento com dimensões de largura e altura definidas. Por design, esse conteúdo será rolado verticalmente.
Este é um exemplo de uso
.overflow-hidden
em um elemento com dimensões de largura e altura definidas.
Este é um exemplo de uso
.overflow-visible
em um elemento com dimensões de largura e altura definidas.
Este é um exemplo de uso
.overflow-scroll
em 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 $overflows
variá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,
),