app.styl

generate-spaces("n" 0, "xs" 20px, "s" 40px, "m" 120px, "l" 100px, "xl" 240px);

// examples:
// pan = padding all none
// mvxs = margin vertical x-small

spaces.styl

generate-spaces-prefixed(prefix, sizes...) {
  types = "margin" "padding";

  for ty in types {
    ti = substr(ty, 0, 1)

    for st in sizes {
      key = st[0];
      val = st[1] !important;

      {"." + prefix + ti + "a" + key + ", ." + prefix + ti + "t" + key + ", ." + prefix + ti + "v" + key} {
        {ty + "-top"}: val;
      }
      {"." + prefix + ti + "a" + key + ", ." + prefix + ti + "r" + key + ", ." + prefix + ti + "h" + key} {
        {ty + "-right"}: val;
      }
      {"." + prefix + ti + "a" + key + ", ." + prefix + ti + "b" + key + ", ." + prefix + ti + "v" + key} {
        {ty + "-bottom"}: val;
      }
      {"." + prefix + ti + "a" + key + ", ." + prefix + ti + "l" + key + ", ." + prefix + ti + "h" + key} {
        {ty + "-left"}: val;
      }
    }
  }
}

generate-spaces(sizes...) {
  types = "margin" "padding";

  for ty in types {
    ti = substr(ty, 0, 1)

    for st in sizes {
      key = st[0];
      val = st[1] !important;

      {"." + ti + "a" + key + ", ." + ti + "t" + key + ", ." + ti + "v" + key} {
        {ty + "-top"}: val;
      }
      {"." + ti + "a" + key + ", ." + ti + "r" + key + ", ." + ti + "h" + key} {
        {ty + "-right"}: val;
      }
      {"." + ti + "a" + key + ", ." + ti + "b" + key + ", ." + ti + "v" + key} {
        {ty + "-bottom"}: val;
      }
      {"." + ti + "a" + key + ", ." + ti + "l" + key + ", ." + ti + "h" + key} {
        {ty + "-left"}: val;
      }
    }
  }
}