@mixin suiFormGroupModifiers($suffix: '') {
  &.as--vertical#{ $suffix } {
    display: block;
    margin-left: 0;

    html body & > * {
      width: 100%;
      margin-left: 0;
    }
  }

  &.as--horizontal#{ $suffix },
  &.as--horizontal#{ $suffix } &__content {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    margin-left: -$sui-space-md;

    html body & > * {
      width: auto;
      margin-left: $sui-space-md;

      &.sui-a-form-label {
        margin-bottom: $sui-space-sm;
      }
    }
  }

  &.as--horizontal#{ $suffix } &__icon {
    margin: -$sui-space-sm*0.5 0 0 $sui-space-md;
    top: 50%;
    transform: translateY(-50%);
  }

  &.as--horizontal#{ $suffix } &__content {
    margin-left: 0;
  }
}