%article__nav {
  margin: 0 0 $global-margin 0;
  padding: 0;
  list-style: none;
  display: block;
  overflow: hidden;

  li {
    display: inline-block;
    float: left;
    margin-right: $global-margin;
  }
}

.article {

  &__content {
    margin-bottom: $global-margin*2;
  }

  &__nav {
    @extend %article__nav;

    li {
      &:last-child {
        float: right;
        margin-right: 0;
      }

      a {
        color: map-deep-get($foundation-palette, tertiary);
        font-family: $header-font-family;
        text-decoration: underline;
      }
    }

    &--tags {
      @extend %article__nav;
    }
  }

  img {
    border-radius: 0 0 rem-calc(20) ;
  }

  &-list {
    padding: 0;
    margin: 0;
    list-style: none;

    &__item {
      margin-bottom: $global-margin;

      &-link {
        @include grid-row($behavior: nest);
        display: block;
        color: $black;
      }

      &-image {
        @include grid-column(2);

        img {
          border-radius: 100%;
          margin-bottom: 0;
        }
      }

      &-body {
        @include grid-column(10);

        h4 {
          margin-bottom: 0;
        }
        > p {
          font-size: 80%;
        }
      }
    }
  }

}