@prefixCollapseCls: ~'yy-collapse';

.@{prefixCollapseCls} {
    &-title {
        height: 30px;
        line-height: 30px;
        background-color: @yy-bg-default;
        padding: 0 16px;
        color: @yy-text-default;
        font-size: @yy-font-size-xs;
        display: flex;
        justify-content: space-between;
        .cursor();
        &-content {
            flex: 1;
            .ellipsis();
        }
    }
    &-icon {
        color: @yy-text-info;
    }
    &-content {
        transition: @yy-transition-time height ease-in-out, 
            @yy-transition-time padding-top ease-in-out,
            @yy-transition-time padding-bottom ease-in-out;
    }
}