// Display utilities
// Mixin take size in parameter
// @see _breakpoints.scss
// Every class are generated with breakpoints prefix
@mixin mic-display-utilities($size: '') {
  // Display
  $display-properties: (
    'flex': 'flex',
    'block': 'block',
    'grid': 'grid',
    'table': 'table',
    'table-row': 'table-row',
    'table-row-group': 'table-row-group',
    'inline-table': 'inline-table',
    'inline-block': 'inline-block',
    'inline': 'inline-flex'
  );
  @each $class, $property in $display-properties {
    .#{$size + $class} {
      display: #{$property};
    }
  }

  .#{$size + 'hidden'} {
    display: none;
  }
}
