Hiển thị

Kiểm soát khả năng hiển thị, mà không sửa đổi màn hình, của các phần tử có tiện ích hiển thị.

Đặt các visibilityyếu tố với các tiện ích hiển thị của chúng tôi. Những điều này hoàn toàn không sửa đổi displaygiá trị và hữu ích để ẩn nội dung khỏi hầu hết người dùng, nhưng vẫn giữ chúng cho trình đọc màn hình.

Áp dụng .visiblehoặc .invisiblekhi cần thiết.

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

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

// Usage as a mixin
.element {
  @include invisible(visible);
}
.element {
  @include invisible(hidden);
}