$screens: (
  $small-only: small,
  $medium-only: medium,
  $large-only: large,
  $xlarge-only: xLarge,
  $xxlarge-only: xxLarge
);

@each $screenSize, $className in $screens {
  @media #{$screenSize} {
    .#{$className} {
      display: none;
    }
  }
}


$screens: (
  $small-only: small,
  $medium-only: medium,
  $large-only: large,
  $xlarge-only: xLarge,
  $xxlarge-up: xxLarge
);

@each $screenSize, $className in $screens {
  @media #{$screenSize} {
    .#{$className} {
      display: none;
    }
  }
}


Fix Hide component for xxLarge screens
Fix Hide component for xxLarge screens
