yyzone/src/assets/styles/components/collapse.less

yyzone vue components and utils

@prefixCollapseCls: ~'@{yy-css-prefix}collapse';

.@{prefixCollapseCls} {
    &-title {
        height: 30px;
        line-height: 30px;
        background-color: @yy-background-color-base;
        padding: 0 16px;
        color: @yy-text-primary-color;
        font-size: @yy-font-size-small;
        display: flex;
        justify-content: space-between;
        .cursor();
        &-content {
            flex: 1;
            .ellipsis();
        }
    }
    &-icon {
        color: @yy-text-info-color;
    }
    &-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;
    }
}