@import 'base.less';
@profile-size: 50px;

.yyui-commentitem {
    .comment-left {
        float: left;
    }
    .comment-right {
        width: 80%;
        float: left;
    }
    .comment-avatar {
        margin: 0 20px 0 10px;
    }
    .comment-avatar, .comment-avatar img {
        display: inline-block;
        width: @profile-size;
        height: @profile-size;
        border-radius: 50%;
    }
    .comment-name {
        a {
            color: @base-blue-color;
            font-size: @font-size-normal;
        }
    }
    .comment-date {
        color: @light-font-color;
        font-size: @font-size-normal;
    }
    .comment-content{
        padding: 6px 0;
        color: @base-font-color;
    }
    .comment-oprer {
        .yyui-icon {
            cursor: pointer;
            margin-right: 6px;
        }
    }
    .comment-remark {
        cursor: pointer;
        &.active {
            color: @base-blue-color;
        }
    }
    .comment-like {
        &.active {
            .yyui-icon {
                color: @base-blue-color;
            }
        }
    }
}