@each $size, $length in $viewport-sizes {
  .vh-#{$size} {
    min-height: $length !important;
  }
  .vw-#{$size} {
    min-width: $length !important;
  }
  .vh-min-#{$size} {
    min-height: $length !important;
  }
  .vw-min-#{$size} {
    min-width: $length !important;
  }
  .nh-#{$size} {
    height: $length !important;
  }
  .vh-max-#{$size} {
    max-height: $length !important;
  }
  .vw-max-#{$size} {
    max-width: $length !important;
  }
  .nh-max-#{$size} {
    max-height: $length !important;
  }
}
