@mixin suiMediaObjectModifiers($suffix: '') {
  &.as--top#{ $suffix } {
    align-items: flex-start;
  }

  &.as--middle#{ $suffix } {
    align-items: center;
  }

  &.as--bottom#{ $suffix } {
    align-items: flex-end;
  }

  // -------------------------
  //    Gutter
  // -------------------------
  &.as--gutter-none#{ $suffix } &__media + &__content,
  &.as--gutter-none#{ $suffix } &__content + &__media {
    margin-left: 0;
  }

  &.as--gutter-xxs#{ $suffix } &__media + &__content,
  &.as--gutter-xxs#{ $suffix } &__content + &__media {
    margin-left: $sui-space-xxs;
  }

  &.as--gutter-xs#{ $suffix } &__media + &__content,
  &.as--gutter-xs#{ $suffix } &__content + &__media {
    margin-left: $sui-space-xs;
  }

  &.as--gutter-sm#{ $suffix } &__media + &__content,
  &.as--gutter-sm#{ $suffix } &__content + &__media {
    margin-left: $sui-space-sm;
  }

  &.as--gutter-md#{ $suffix } &__media + &__content,
  &.as--gutter-md#{ $suffix } &__content + &__media {
    margin-left: $sui-space-md;
  }

  &.as--gutter-lg#{ $suffix } &__media + &__content,
  &.as--gutter-lg#{ $suffix } &__content + &__media {
    margin-left: $sui-space-lg;
  }

  &.as--gutter-xl#{ $suffix } &__media + &__content,
  &.as--gutter-xl#{ $suffix } &__content + &__media {
    margin-left: $sui-space-xl;
  }

  &.as--gutter-xxl#{ $suffix } &__media + &__content,
  &.as--gutter-xxl#{ $suffix } &__content + &__media {
    margin-left: $sui-space-xxl;
  }
}
