/*
 * @Author: SiMeiyu 
 * @Date: 2017-07-04 10:05:47 
 */ 

@import "../../app/variables.less";

.@{ult-prefix}-panel {
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
    background-color: #fff;
    .@{ult-prefix}-row-flex-stretch & {
        height: 100%;
        display: flex;
        flex-direction: column;
        .@{ult-prefix}-panel-content {
            flex-grow: 1;
        }
    }
    &-heading {
        padding: @base-space/2*3 0;
        margin: 0 @base-space * 2;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid @panel-default-border;
        &.@{ult-prefix}-border-collapse {
            border-bottom-color: transparent;
        }
    }
    &-collapse {
        padding: @base-space / 4 @base-space / 2;
        width: auto;
    }
    &-title {
        line-height: @base-space * 3;
        font-weight: normal;
        color: @panel-default-title-color;
        font-size: 16px;
    }
    &-content {
        padding: @base-space * 3;
        blockquote {
            font-size: 14px;
            margin: 0;
            padding: 0;
            padding-left: 16px;
            line-height: @base-space * 3;
            overflow: hidden;
        }
    }
    &-footer {
        padding: @base-space * 1.5 @base-space * 3 - 1px;
        line-height: @base-space * 3;
        font-size: 12px;
        background-color: @panel-default-footer-bg;
        border-top: 1px solid @panel-default-border;
        color: @panel-default-footer-text;
    }
    &-primary {
        .@{ult-prefix}-panel-heading {
            border-bottom-color: @primary;
        }
        .@{ult-prefix}-panel-title {
            color: @primary
        }
    }
    &-success {
        .@{ult-prefix}-panel-heading {
            border-bottom-color: @success;
        }
        .@{ult-prefix}-panel-title {
            color: @success
        }
    }
    &-warning {
        .@{ult-prefix}-panel-heading {
            border-bottom-color: @warning;
        }
        .@{ult-prefix}-panel-title {
            color: @warning
        }
    }
    &-danger {
        .@{ult-prefix}-panel-heading {
            border-bottom-color: @danger;
        }
        .@{ult-prefix}-panel-title {
            color: @danger
        }
    }
}