/*
 *  Article Grid Section
 *    Styles for the Article Grid Section, aligns sets of articles out in a nice
 *    grid with some additional styling depending on the count etc.
 *
 *  Version:
 *    1.0.0 - 2018/10/31
 */
@import '~@styles/global';

.c-article-grid {

  &__grid {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
  }

  &__article {
    width: 100%;
  }

  @include t-media-query($s-small-up) {
    &__grid {
      padding: 1em 0;
    }

    &__article {
      width: 50%;
      padding: 1em 2em;

      &:nth-child(odd) {
        padding-right: 1em;
      }

      &:nth-child(even) {
        padding-left: 1em;
      }
    }
  }
}