Ver en
GitHub
Overflow
Usa estas utilidades abreviadas para configurar rápidamente cómo el contenido desborda un elemento.
Ajusta la propiedad overflow al vuelo con cuatro valores y clases
predeterminadas. Estas clases no son responsivas por defecto.
Este es un ejemplo de uso de
.overflow-auto en un elemento con dimensiones de
ancho y alto establecidas. Por diseño, este contenido se desplazará verticalmente.Este es un ejemplo de uso de
.overflow-hidden en un elemento con dimensiones
de ancho y alto establecidas.Este es un ejemplo de uso de
.overflow-visible en un elemento con dimensiones
de ancho y alto establecidas.Este
es un ejemplo de uso de
.overflow-scroll en un elemento con dimensiones de ancho y alto
establecidas.<div class="overflow-auto">...</div>
<div class="overflow-hidden">...</div>
<div class="overflow-visible">...</div>
<div class="overflow-scroll">...</div>
Usando variables de Sass, puedes personalizar las utilidades de overflow cambiando la
variable $overflows en _variables.scss.
Sass
Utilities API
Las utilidades de overflow se declaran en nuestra utilities API en
scss/_utilities.scss. Aprende a usar la
utilities API.
"overflow": (
property: overflow,
values: auto hidden visible scroll,
),