// stylelint-disable declaration-no-important

//
// Utilities for common `display` values
//

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

    .esf-insta-d#{$infix}-none {
      display: none !important;
    }
    .esf-insta-d#{$infix}-inline {
      display: inline !important;
    }
    .esf-insta-d#{$infix}-inline-block {
      display: inline-block !important;
    }
    .esf-insta-d#{$infix}-block {
      display: block !important;
    }
    .esf-insta-d#{$infix}-table {
      display: table !important;
    }
    .esf-insta-d#{$infix}-table-row {
      display: table-row !important;
    }
    .esf-insta-d#{$infix}-table-cell {
      display: table-cell !important;
    }
    .esf-insta-d#{$infix}-flex {
      display: flex !important;
    }
    .esf-insta-d#{$infix}-inline-flex {
      display: inline-flex !important;
    }
  }
}

