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

$displays: (initial, none, inline, inline-block, block, table-row, table-cell, flex, inline-flex, grid) !default;

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

    @each $value in $displays {
      .display-#{$infix}-#{$value} {
        display: #{$value} !important;
      }
    }
  }
}

@media print {
  @each $value in $displays {
    .display--print-#{$value} {
      display: #{$value} !important;
    }
  }
}