/*
* created by zhongzheng at 2019.9.21
*/
@import "../style/themes/default.less";
@import "../style/mixins/index.less";

@collapse-prefix-cls: ~"@{sino-prefix}-collapse";


.@{collapse-prefix-cls} {

    &&-border {
        .bt1px();
        .bb1px();
    }

    &-panel {

        &:last-child {

            >.@{collapse-prefix-cls}-panel-header::after {
                visibility: hidden;
            }
        }

        &&-expanded {


            >.@{collapse-prefix-cls}-panel-header {

                &:after {
                    visibility: hidden;
                }

                >.@{collapse-prefix-cls}-panel-header-arrow {
                    color: @collapse-right-arrow-active-color;
                    transform: rotate(180deg);
                }
            }
        }

        &-header {

            >.@{collapse-prefix-cls}-panel-header-arrow {
                margin-left: .1rem;
                font-size: .24rem;
                color: @list-item-right-icon-arrow-color;
                transition: transform ease-in-out @animation-duration-base;
                transform-origin: 50% 50%;
            }
        }

        &-body {
            overflow: hidden;
            transition: height @animation-duration-base ease-in-out;
            will-change: height;
        }

        &-content {
            padding: @vertical-spacing-base @horizontal-spacing-base;
        }
    }
}
