Synlighet

Styr synligheten för element, utan att ändra deras visning, med synlighetsverktyg.

Ställ in visibilityelementen med våra synlighetsverktyg. Dessa verktygsklasser ändrar inte displayvärdet alls och påverkar inte layouten – .invisibleelement tar fortfarande upp plats på sidan.

Element med .invisibleklassen kommer att döljas både visuellt och för användare av hjälpmedel/skärmläsare.

Ansök .visibleeller .invisiblevid behov.

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

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

Sass

Utilities API

Synlighetsverktyg deklareras i vårt verktygs-API i scss/_utilities.scss. Lär dig hur du använder utilities API.

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