visually-hidden

Visually hides the element but keeps it accessible.

Arguments

Example

@use 'more-sass' as more;

.element {
    @include more.visually-hidden;
}
.element {
  position: absolute;
  z-index: -1;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
Edit this page on GitHub Updated at Mon, Jan 30, 2023