visually-hidden

Визуально скрывает элемент, но оставляет его доступным.

Параметры

Пример использования

@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);
}