@import  "coco-variables.scss";

// element redifine
.el-card{ border-width: 0;}
.el-card__header{ border-bottom-width: 0;}


// element card

.el-card__header{
	.el-button{ margin-top: -4px; margin-left: 5px;}
	.easyui-linkbutton{ margin-left: 5px;}
}
.el-card__body:after {
	content: "";
	clear: both;
	display: block;
}
	
.el-card{
	position: relative;
	-webkit-transition: .3s;
	transition: .3s;
	border-radius: $--card-radius;
	&.is-always-shadow{ box-shadow: 0 5px 10px $--card-shadow;}

    // hover浮起
    &.hover_rise:hover{ top:-10px; box-shadow: 0 20px 15px rgba(0,0,0,0.4);
        .image::after{ background: rgba(0,0,0,0.1);}
    }

    &.noGutter{
		.el-card__header{ padding-left:0!important; padding-right: 0!important; padding-top:0!important}
		.el-card__body{ padding: 0!important;}
	}
	
	&.noRadius{ border-radius: 0;}


	
	&.border{ border:1px solid $--card-border-color;  }
	&.line{
	    &>.el-card__header{ border-bottom: 1px  solid $--card-line-color;}
	}

    &.fit{
		height: 100%;
        &>.el-card__header{ position: absolute; width: 100%;}
        &>.el-card__body{ height: 100%; }
        &>.el-card__header+.el-card__body{ padding-top: 80px;}
    }
}

// imgcard
    .co-imgCard{ border:none; top:0; transition: all .2s cubic-bezier(.645,.045,.355,1),-webkit-transform .2s cubic-bezier(.645,.045,.355,1); overflow: hidden;
        .el-card__body{ padding: 0;
            .image{ height: 90px; background-color:#D5E8F9; background-repeat: no-repeat; background-position: center center; background-size:cover; position: relative;  transition: all .2s cubic-bezier(.645,.045,.355,1),-webkit-transform .2s cubic-bezier(.645,.045,.355,1); background-image:url(data:image/png;base64,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);
                &::after{ content: ""; display: block; clear: both; width: 100%; height: 100%; background: rgba(0,0,0,0.3);}
                .no{ background:#f00; font-size: 12px; color:#fff;position: absolute; width: 100px; text-align: center; right: -32px; top: 10px; transform: rotate(45deg);}
            }
            .textBox{ padding: 10px 14px 14px;
                .title{ font-weight: bold; font-size: 16px; color: $--text-color-regular;}
                .title+.note{ margin-top: 8px}
                .note{ line-height: 18px; font-size: 14px; color: $--text-color-second;}
            }
        }
    }

    // bgcard
    .co-bgCard{ border:none;
        &>.el-card__header{ background-size: cover; background-repeat: no-repeat; border:none; border-top-left-radius: $--card-radius; border-top-right-radius: $--card-radius;}
    
        &.duck{ border: none;
            &>.el-card__header>.clearfix>span{ color: #FFF; 
                &>.note{ color: rgba(255,255,255,0.5);}
            }
        }

        // title
        &>.el-card__header>.clearfix>span{ font-weight: bold; font-size: 18px; position: relative;
            &>.note{ font-size: 12px;  position: absolute; }
        }
        // body
        &>.el-card__body{ border-left:1px solid $--card-border-color; border-radius: 0 0 $--card-radius $--card-radius; border-right:1px solid $--card-border-color; border-bottom:1px solid $--card-border-color;}
        
        // xl
        &.xl{
            &>.el-card__header{ height: 80px; }
            &>.el-card__header>.clearfix>span{ top:8px;}
        }
        // md
        &.md{
            &>.el-card__header{ height: 70px; }
            &>.el-card__header>.clearfix>span{ top:6px;}
        }
        // sm
        &.sm{
            &>.el-card__header{ height: 45px; }
            &>.el-card__header>.clearfix>span{ top:6px;}
        }

    }


// #app
.dark .el-card,.el-card.dark{
	background: transparent;border-color: $--tab-border-color-dark; color: #fff;
	&.is-always-shadow{box-shadow:inset rgba(255, 255, 255, 0.2) 0 0 60px;}
	.el-card__header{border-color:$--tab-border-color-dark}
	.co-rect{ color: $--text-link-active-dark; }
	&.el-card{ color: #fff;}
}



.xl{ 
	&>.el-card__header{ padding: 12px 20px; height: 56px; font-size: 18px;}
	&>.el-card__body{ padding: 0px 20px 35px;}
	&.line>.el-card__body{ padding-top: 20px;}
	&.fit{
		.el-card__header+.el-card__body{ padding-top: 65px;}
		&.line .el-card__header+.el-card__body{ padding-top: 85px;}
	}
}

.md{
	&>.el-card__header{ padding: 8px 20px; height: 48px; font-size: 16px;}
	&>.el-card__body{ padding: 0 20px 15px;}
	&.line>.el-card__body{ padding-top: 10px;}
	&.fit{
		.el-card__header+.el-card__body{ padding-top: 48px;}
		&.line .el-card__header+.el-card__body{ padding-top: 58px;}
	}
}

.sm{
	&>.el-card__header{ padding: 4px 20px; height: 40px; font-size: 14px;}
	&>.el-card__body{ padding: 0px 20px 12px;}
	&.line>.el-card__body{ padding-top: 8px;}
	&.fit{
		.el-card__header+.el-card__body{ padding-top: 40px;}
		&.line .el-card__header+.el-card__body{ padding-top: 48px;}
	}
}

.xs{
	&>.el-card__header{ padding: 2px 20px; height: 36px; font-size: 12px;}
	&>.el-card__body{ padding: 0px 20px 8px;}
	&.line>.el-card__body{ padding-top: 4px;}
	&.fit{
		.el-card__header+.el-card__body{ padding-top: 36px;}
		&.line .el-card__header+.el-card__body{ padding-top: 40px;}
	}
}