Hoppa till huvudinnehållet Hoppa till dokumentnavigering
in English

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,
      )
    )