_mixins.scss in blacklight-8.0.0.beta1

- old
+ new

@@ -11,5 +11,25 @@
     fill: #111;
   } @else {
     fill: #fff;
   }
 }
+
+// define a visually-hidden class that applies to a given breakpoint and below
+// https://getbootstrap.com/docs/5.2/helpers/visually-hidden/
+@if mixin-exists(visually-hidden) {
+  @each $infix, $breakpoint in $grid-breakpoints {
+    .visually-hidden-#{$infix} {
+      @include media-breakpoint-down($breakpoint) {
+        @include visually-hidden;
+      }
+    }
+  }
+} @else if mixin-exists(sr-only) {  // Bootstrap 4 version
+  @each $infix, $breakpoint in $grid-breakpoints {
+    .visually-hidden-#{$infix} {
+      @include media-breakpoint-down($breakpoint) {
+        @include sr-only;
+      }
+    }
+  }
+}