.ul-post-block-list {

    $spaceSize: 8px;
    $colCount: 3;

    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: -$spaceSize;




    .ul-post-block-item {
        margin: $spaceSize;
        width: calc((100%/$colCount) - $spaceSize * 2);
        align-self: normal;

        &:hover {
            background-color: #efefef;
        }

        .poster {
            width: 100%;
            height: 120px;
        }

        .title {
            font-size: 14px;
            font-weight: 600;
            line-height: 20px;
            color: #333;
            margin: 6px;
        }
        
        .desc {
            margin: 6px;
            font-size: 12px;
            line-height: 20px;
            color: #999;
        }
    }

    &.fixed-height {
        .ul-post-block-item {
            .title {
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical;
            }

            .desc {
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;
            }
        }
    }
}