Desbordamiento
Utiliza estas utilidades para configurar rápidamente cómo el contenido desborda un elemento.
Ajusta la propiedad overflow sobre la marcha con cuatro valores y clases predeterminados. Estas clases no son responsive de forma predeterminada.
Este es un ejemplo del uso de
.overflow-auto en un elemento con dimensiones establecidas de ancho y alto. Por diseño, este contenido se desplazará verticalmente.
Este es un ejemplo del uso de
.overflow-hidden en un elemento con dimensiones establecidas de ancho y alto.
Este es un ejemplo del uso de
.overflow-visible en un elemento con dimensiones establecidas de ancho y alto.
Este es un ejemplo del uso de
.overflow-scroll en un elemento con dimensiones establecidas de ancho y alto.
<div class="overflow-auto">...</div>
<div class="overflow-hidden">...</div>
<div class="overflow-visible">...</div>
<div class="overflow-scroll">...</div>
Con las variables de Sass, puedes personalizar las utilidades de desbordamiento cambiando la variable $overflows en _variables.scss.
Tal vez te interese
Sass
API de utilidades
Las utilidades de desbordamiento se declaran en nuestra API de utilidades en scss/_utilities.scss. Aprende a usar la API de utilidades.
"overflow": (
property: overflow,
values: auto hidden visible scroll,
),