Видимість

Керуйте видимістю елементів, не змінюючи їх відображення, за допомогою утиліт видимості.

Налаштуйте visibilityелементи за допомогою наших утиліт видимості. Ці службові класи взагалі не змінюють displayзначення та не впливають на макет – .invisibleелементи все одно займають місце на сторінці.

Елементи з .invisibleкласом будуть приховані як візуально, так і для користувачів допоміжних технологій/програм зчитування з екрана.

Застосовуйте .visibleабо .invisibleза потреби.

<div class="visible">...</div>
<div class="invisible">...</div>

// Class
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}

Сасс

API утиліт

Утиліти видимості оголошено в нашому API утиліт у scss/_utilities.scss. Дізнайтеся, як використовувати API утиліт.

    "visibility": (
      property: visibility,
      class: null,
      values: (
        visible: visible,
        invisible: hidden,
      )
    )