Көрүнүү

Элементтердин көрүнүшүн алардын дисплейин өзгөртпөстөн, көрүнүү утилиталары менен көзөмөлдөңүз.

visibilityЭлементтерди биздин көрүнүү утилиталары менен орнотуңуз . Бул пайдалуу класстар маанини такыр өзгөртпөйт displayжана макетке таасир этпейт – .invisibleэлементтер дагы эле баракта орун ээлейт.

Класстагы элементтер визуалдык түрдө да , жардамчы технология/экранды окуу колдонуучулар үчүн .invisibleда жашырылат .

Колдонуу .visibleже .invisibleзарыл.

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

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

Sass

Utilities API

Visibility утилиталары биздин API-де жарыяланган scss/_utilities.scss. API утилиталарын кантип колдонууну үйрөнүңүз.

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