article.blog-post-summary {
  padding-bottom: 2em;

  .meta {
    font-size: smaller;

    div {
      display: inline-block;
    }

    div.head {
      width: 6ch;
      vertical-align: top;
      opacity: 0.5;
    }

    ul {
      list-style: none;
      margin: 0;

      @include breakpoint(small only) {
        li {
          display: inline;

          &:after {
            opacity: 0.5;
            content: ', ';
          }

          &:last-child:after {
            content: '';
          }
        }
      }
    }
  }
}

article.blog-post {
  header {
    div.meta {
      font-size: smaller;
      text-align: right;
      opacity: 0.5;
    }
  }
}

