@import '../tools/mixins/breakpoints';
@import '../tools/mixins/margin';

.u-hide {
  display: none;

  @each $breakpoint, $_ in $grid-breakpoints {
    &--#{$breakpoint} {
      display: none;
      @include media-breakpoint-up(#{$breakpoint}) {
        display: initial;
      }
      &-flex {
        @include media-breakpoint-up(#{$breakpoint}) {
          display: flex;
        }
      }
    }
  }
}

.u-reveal {
  display: initial;

  @each $breakpoint, $_ in $grid-breakpoints {
    &--#{$breakpoint} {
      display: initial;
      @include media-breakpoint-up(#{$breakpoint}) {
        display: none;
      }
    }
  }
}