@use "../base/mixins/breakpoints" as bp;
@use "../base/mixins/meta-class" as mc;

$_displays: none, inline, inline-block, block, flex, inline-flex, grid, inline-grid, table, table-row, table-cell;

@each $display in $_displays {
  @include mc.meta("qo-d-#{$display}", (display: $display));
}

// Responsive variants
@each $bp-name, $bp-value in bp.$breakpoints {
  @media (min-width: $bp-value) {
    @each $display in $_displays {
      @include mc.meta("qo-d-#{$bp-name}-#{$display}", (display: $display));
    }
  }
}