Перейти до основного вмісту Перейти до навігації документами
in English

Перелив

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

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