@use "sass:map";
@use "./../variables" as *;
@use "./../mixins/breakpoints" as *;

$visibilities: (visible, hidden) !default;

@each $breakpoint in map.keys($breakpoints) {
  @include media-breakpoint-up($breakpoint) {
    $infix: breakpoint-infix($breakpoint, $breakpoints);

    @each $value in $visibilities {
      .visibility-#{$infix}-#{$value} {
        visibility: #{$value} !important;
      }
    }
  }
}