.post
    position: relative
    display: flex
    flex-direction: column
    .media
        background: $post-media-background
        order: -1
        &::before
            content: ""
            display: block
            padding-top: $post-media-aspect-ratio

    a
        @include stretched-link

    .author,
    .post-categories
        @extend .small
        &,
        a
            color: $post-categories-color

    time
        color: $post-time-color
        display: block
        font-size: px2rem(14)

.posts
    @include grid(2)
    @include grid(3, xl)

.post-categories
    @include list-reset
    @extend .small
    margin: 0
    li
        display: inline-block
        vertical-align: middle
        &::after
            content: ", "
            margin-left: -3px
        &:last-child
            &::after
                content: none