Көріну

Элементтердің көрінуін олардың дисплейін өзгертпей, көріну утилиталары арқылы басқарыңыз.

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

Сыныптағы элементтер визуалды түрде де, көмекші технология/экранды оқу құралы пайдаланушылары үшін де.invisible жасырылады .

Қолдану .visibleнемесе .invisibleқажет болған жағдайда.

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

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

Сасс

Utilities API

Көріну утилиталары біздің API утилиталарында жарияланған scss/_utilities.scss. API утилиталарын қалай пайдалану керектігін біліңіз.

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