Переполнение

Используйте эти сокращенные утилиты для быстрой настройки того, как содержимое переполняет элемент.

Настройте 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.

Сасс

API утилит

Утилиты переполнения объявлены в нашем API утилит в scss/_utilities.scss. Узнайте, как использовать API утилит.

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