Generated by SassMeister.com.

input.scss

$unit: 6;

$directionsmap: (
top: top, 
right: right,
bottom: bottom, 
left: left
);

@each $key, $value in $directionsmap {
    @for $i from 1 through 8 {
        $space: $i * $unit;
        .padding-#{$value}-#{$space} {
            margin-#{$value}: $space * 1px;
            key: $key;
        }
    }
} 

output.css

.padding-top-6 {
  margin-top: 6px;
  key: top;
}

.padding-top-12 {
  margin-top: 12px;
  key: top;
}

.padding-top-18 {
  margin-top: 18px;
  key: top;
}

.padding-top-24 {
  margin-top: 24px;
  key: top;
}

.padding-top-30 {
  margin-top: 30px;
  key: top;
}

.padding-top-36 {
  margin-top: 36px;
  key: top;
}

.padding-top-42 {
  margin-top: 42px;
  key: top;
}

.padding-top-48 {
  margin-top: 48px;
  key: top;
}

.padding-right-6 {
  margin-right: 6px;
  key: right;
}

.padding-right-12 {
  margin-right: 12px;
  key: right;
}

.padding-right-18 {
  margin-right: 18px;
  key: right;
}

.padding-right-24 {
  margin-right: 24px;
  key: right;
}

.padding-right-30 {
  margin-right: 30px;
  key: right;
}

.padding-right-36 {
  margin-right: 36px;
  key: right;
}

.padding-right-42 {
  margin-right: 42px;
  key: right;
}

.padding-right-48 {
  margin-right: 48px;
  key: right;
}

.padding-bottom-6 {
  margin-bottom: 6px;
  key: bottom;
}

.padding-bottom-12 {
  margin-bottom: 12px;
  key: bottom;
}

.padding-bottom-18 {
  margin-bottom: 18px;
  key: bottom;
}

.padding-bottom-24 {
  margin-bottom: 24px;
  key: bottom;
}

.padding-bottom-30 {
  margin-bottom: 30px;
  key: bottom;
}

.padding-bottom-36 {
  margin-bottom: 36px;
  key: bottom;
}

.padding-bottom-42 {
  margin-bottom: 42px;
  key: bottom;
}

.padding-bottom-48 {
  margin-bottom: 48px;
  key: bottom;
}

.padding-left-6 {
  margin-left: 6px;
  key: left;
}

.padding-left-12 {
  margin-left: 12px;
  key: left;
}

.padding-left-18 {
  margin-left: 18px;
  key: left;
}

.padding-left-24 {
  margin-left: 24px;
  key: left;
}

.padding-left-30 {
  margin-left: 30px;
  key: left;
}

.padding-left-36 {
  margin-left: 36px;
  key: left;
}

.padding-left-42 {
  margin-left: 42px;
  key: left;
}

.padding-left-48 {
  margin-left: 48px;
  key: left;
}

settings.json

{
  "sass": {
    "compiler": "dart-sass/1.32.12",
    "extensions": {},
    "syntax": "SCSS",
    "outputStyle": "expanded"
  },
  "autoprefixer": false
}