Используйте эти сокращенные утилиты для быстрой настройки того, как контент выходит за пределы элемента.
Настройте свойство overflow на лету с четырьмя значениями и классами по умолчанию. Эти классы по умолчанию не реагируют.
Это пример использования
.overflow-auto для элемента с заданными размерами ширины и высоты. По задумке, это содержимое будет прокручиваться вертикально.
Это пример использования
.overflow-hidden для элемента с заданными размерами ширины и высоты.
Это пример использования
.overflow-visible для элемента с заданными размерами ширины и высоты.
Это пример использования
.overflow-scroll для элемента с заданными размерами ширины и высоты.
<div class="overflow-auto">...</div>
<div class="overflow-hidden">...</div>
<div class="overflow-visible">...</div>
<div class="overflow-scroll">...</div>
Используя переменные Sass, Вы можете настроить утилиты переполнения, изменив переменную $overflows в _variables.scss.
Sass
Утилиты API
Утилиты переполнения объявлены в нашем API утилит в scss/_utilities.scss. Узнайте, как использовать API утилит.
"overflow": (
property: overflow,
values: auto hidden visible scroll,
),