.sui-m-media-object {
  display: flex;
  align-items: flex-start;

  & + & {
    margin-top: $sui-space-xl;
  }

  &__media {
    flex: none;
  }

  &__media + &__content,
  &__content + &__media {
    margin-left: $sui-space-md;
  }

  &__content {
    min-width: 0;

    & > :first-child {
      margin-top: 0;
    }

    & > :last-child {
      margin-bottom: 0;
    }
  }

  // Include without prefix for default modifier
  @include suiMediaObjectModifiers();

  // Loop over media query modifiers to generate
  // your modifiers for each breakpoints
  @each $breakpoint in $sui-breakpoint-modifiers {
    @include suiMediaMin(nth($breakpoint, 1)) {
      @include suiMediaObjectModifiers(nth($breakpoint, 2));
    }
  }
}
