@charset "utf-8";
@import "./var";

.#{$prefix}card{
    background-color: $card-color-bg;
    box-shadow: $card-box-shadow;
    // max-width: 1360px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    border-radius: $card-border-radius;
    color:$card-color-text;
}
.#{$prefix}card + .#{$prefix}card{
    margin-top:$card-multiple-margin-top;
}
.#{$prefix}card__header{
    border-bottom: 1px solid $card-color-borde-inner;
}
.#{$prefix}card__header h3,
.#{$prefix}card__header .#{$prefix}h3{
    padding:20px;
    color:$color-text-weight;
}
.#{$prefix}card__subtitle{
    font-size: $card-font-size;
    color: $card-color-text-subtitle;
    margin-left: 5px;
    font-weight: normal;
}
.#{$prefix}card__btn{
    display: inline-block;
    text-align: center;
    padding: 5px;
    vertical-align: initial;
    text-decoration: none;
    line-height: initial;
    font-size: $card-font-size;
}
// 好像没用
.#{$prefix}card__btn:hover {
    background-color: rgba(0, 0, 0, 0.05);
    text-decoration: none;
}
.#{$prefix}card__body{
    font-size: $card-font-size;
    padding:20px;
}
.#{$prefix}card__footer{
    border-top: 1px solid $card-color-borde-inner;
    font-size: $card-font-size;
}
.#{$prefix}card__title{
    margin-bottom:$card-title-margin-bottom;
    .#{$prefix}justify-grid__col--left{
        .#{$prefix}icon-info{
            vertical-align: -3px;
        }
    }
    h3,
    .#{$prefix}h3{
        color:$color-text-weight;
    }
}
.#{$prefix}card.#{$prefix}card--bordered{
    box-shadow: none;
    border: 1px solid $card-color-borde;
}

// 没有content__header时候的全屏用
.#{$prefix}card.#{$prefix}card--full{
    position: absolute;
    top:20px;
    left:20px;
    right:20px;
    bottom:20px;
}
// 有content__header时候的全屏用
.#{$prefix}card.#{$prefix}card--full-with-header{
    position: absolute;
    top:71px;
    left:20px;
    right:20px;
    bottom:20px;
}