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

$overflows: (auto, hidden, visible, scroll) !default;

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

    @each $value in $overflows {
      .overflow-#{$infix}-#{$value} {
        overflow: #{$value} !important;
      }

      .overflow-x-#{$infix}-#{$value} {
        overflow-x: #{$value} !important;
      }

      .overflow-y-#{$infix}-#{$value} {
        overflow-y: #{$value} !important;
      }
    }
  }
}