Перелив

Використовуйте ці скорочені утиліти для швидкого налаштування того, як вміст переповнює елемент.

Налаштуйте 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,
    ),