@each $name,$value in $fixedHeights {
  .h-#{$name} {
    height:                                                 $value;
  }

  @each $type,$typeName in (m: margin, p: padding) {

    @each $marginName,$marginAttr in (l: left, t: top, b: bottom, r: right) {
      .#{$type}#{$marginName}-#{$name} {
        #{$typeName}-#{$marginAttr}:                        $value;
      }
    }

    .#{$type}y-#{$name} {
      #{$typeName}-top:                                     $value;
      #{$typeName}-bottom:                                  $value;
    }

    .#{$type}x-#{$name} {
      #{$typeName}-left:                                    $value;
      #{$typeName}-right:                                   $value;
    }
  }
}