$enums: (
  'none': 0,
  '0\\.25': 0.25em,
  '0\\.5': 0.5em,
  '0\\.75': 0.75em,
  '1': 1em,
  '1\\.25': 1.25em,
  '1\\.5': 1.5em,
  '2': 2em,
  '3': 3em,
  '4': 4em,
  '5': 5em,
  '6': 6em,
  '8': 8em,
  '10': 10em,
  '12': 12em,
  '14': 14em,
  '16': 16em,
  '18': 18em,
  '20': 20em,
  '22': 22em,
  '24': 24em,
  '26': 26em,
  '28': 28em,
  '30': 30em,
  '32': 32em,
  '36': 36em,
  '40': 40em,
  '48': 48em,
  '60': 60em,
  '10-pct': 10%,
  '20-pct': 20%,
  '30-pct': 30%,
  '40-pct': 40%,
  '50-pct': 50%,
  '60-pct': 60%,
  '70-pct': 70%,
  '80-pct': 80%,
  '90-pct': 90%,
  '100-pct': 100%,
  'auto': auto,
  '100-vh': 100vh
);

@each $enum, $value in $enums {
  .height--#{$enum} {
    height: $value;
  }
  .max-height--#{$enum} {
    max-height: $value;
  }
  .min-height--#{$enum} {
    min-height: $value;
  }
  .width--#{$enum} {
    width: $value;
  }
  .max-width--#{$enum} {
    max-width: $value;
  }
  .min-width--#{$enum} {
    min-width: $value;
  }
}