.posts {
    &-post {
        display: flex;
        padding: .5rem 0;
        border-bottom: 1px solid $gray-300;

        &-container {
            flex: 1;
        }

        &:first-child {
            padding-top: 0;
        }

        &:last-child {
            border-bottom: 0;
            padding-bottom: 0;
        }
    }

    &-image {
        width: 100px;
        margin-right: 1rem;
    }

    &-title {
        display: flex;
        justify-content: space-between;
    }

    &-body {
        margin-top: .5rem;
    }
}

.single-post {
    &-cover {
        float: left;
        max-width: 200px;
        max-height: 200px;
        margin: 0 1rem 1rem 0;
    }

    &-comments {
        margin-bottom: 1rem;
    }

    &-comment {
        padding: .5rem 0;
        border-bottom: 1px dashed $gray-300;

        &-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        &-body {
            margin-top: .3rem
        }

        &:last-child {
            border-bottom: 0;
        }
    }
}