Spacing system 10 | https://www.shopify.com/partners/blog/css-resources

spacing-system-10.scss

@mixin spacing-loop($property, $space, $value) {
  @each $poskey, $posvalue in $spacing-key {
    &-#{$poskey}-#{$space} {
      @if $poskey == "all" {
        #{$property}: $value;
      }
      @else if $poskey == "vert" {
        #{$property}-top: $value;
        #{$property}-bottom: $value;
      }
      @else if $poskey == "horiz" {
        #{$property}-right: $value;
        #{$property}-left: $value;
      }
      @else {
        #{$property}-#{$posvalue}: $value;
      }
    }
  }
}