@iterate

[tmjoen]

For instance:

body {
  @each $bp-name, $bp-size in $grid-breakpoints {
    @responsive >=#{$bp-name} {
      padding-top: map-get($fixed-menu-compensation-padding, $bp-name);
    }
  }
}

body {
  @iterate theme.fixedMenu.padding.y {
    @responsive $key {
      padding-top: $value;
    }
  }
}

article {
  @space margin-bottom xl;
  @column 6/12;
  @each $bp-name, $bp-size in $grid-breakpoints {
    margin-left: map-get($container-padding, $bp-name) * -1;
  }
}

article {
  @iterate theme.container.padding {
    @responsive $key {
      margin-left: calc($value/2);
    }
  }
}

[tmjoen]

Test that it respects its position in parent.

article {
  @space margin-bottom xl;
  @column 6/12;
  @iterate theme.container.padding {
    @responsive $key {
      margin-left: calc($value/2);
    }
  }
}