Skyggni

Stjórnaðu sýnileika þátta, án þess að breyta birtingu þeirra, með sýnileikatólum.

Stilltu visibilityþættina með sýnileikatólunum okkar. Þessir nytjaflokkar breyta alls ekki displaygildinu og hafa ekki áhrif á skipulag - .invisibleþættir taka enn pláss á síðunni.

Þættir með .invisiblebekknum verða falnir bæði sjónrænt og fyrir notendur hjálpartækja/skjálesara.

Sækja um .visibleeða .invisibleeftir þörfum.

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

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

Sass

Utilities API

Sýnileikatólum er lýst yfir í API tólum okkar í scss/_utilities.scss. Lærðu hvernig á að nota utilities API.

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