@import "../default-skin.less";
@import "../../global/mixin.less";

// 提示组件
.c_tip {
	line-height:1+0.5*@gap; background:@fg-light-3; color:@bg; position:relative; padding:0.25*@gap 0.5*@gap; overflow:hidden;
	a { color:@bright; text-decoration:underline;}
	.delete { height:1+0.5*@gap; padding:0.25*@gap 0.5*@gap; cursor:pointer; color:@bg; position:absolute; top:0; right:1+@gap; background:@fg-light-4; display:none;}
	.close { height:1+@gap; line-height:1+@gap; width:1+@gap; background:@fg-light-4; text-align:center; cursor:pointer; position:absolute; top:0; right:0; display:none;}
	.close:after { font-size:75%; font-family:"ico"; content:"\e01b"; vertical-align:top;}
}



// 色彩
.c_tip-red {
	background:@danger-light-3;
	.delete { background:@danger-light-3;}
	.close { background:@danger;}
}
.c_tip-green {
	background:@success-light-3;
	.delete { background:@success-light-3;}
	.close { background:@success;}
}
.c_tip-orange {
	background:@warning-light-2;
	.delete { background:@warning-light-2;}
	.close { background:@warning;}
}
.c_tip-blue {
	background:@primary;
	.delete { background:@primary;}
	.close { background:@primary;}
}
.c_tip-ob {
	background:@bg; color:@fg-light-1; border-left:0.25em solid @primary-light-5; padding-left:0.75*@gap;
	a { color:@primary;}
	.close { color:@bg;}
}



// 外边线
.c_tip-outline { background:rgba(255,255,255,20%); border:1px solid; border-color:rgba(255,255,255,20%); color:@bg;}
.c_tip-white.c_tip-outline { background:none; border-color:@bg; color:@bg;}
.c_tip-red.c_tip-outline { background:@danger-op-1; border-color:@danger-light-5; color:@fg;}
.c_tip-green.c_tip-outline { background:@success-op-1; border-color:@success-light-5; color:@fg;}
.c_tip-blue.c_tip-outline { background:@primary-op-1; border-color:@primary-light-5; color:@fg;}
.c_tip-orange.c_tip-outline { background:@warning-op-1; border-color:@warning-light-5; color:@fg;}
.c_tip-navy.c_tip-outline { background:@secondary-op-1; border-color:@secondary-light-5; color:@fg;}
.c_tip-outline-dashed { border:1px dashed;}
.c_box > .c_tip-outline { border-left:0 none; border-right:0 none;}



// 浮动提示
.c_tip-float { position:absolute; background:@fg-op-7; .x_animate(opacity,1.5); pointer-events:none; opacity:0;}
.c_tip-float.c_tip-red { background:@danger-op-7;}
.c_tip-float.c_tip-green { background:@success-op-7;}
.c_tip-float.c_tip-orange { background:@warning-op-7;}
.c_tip-float.c_tip-blue { background:@primary-op-7;}
.c_tip-float-show { opacity:1; .x_animate(opacity,0.3);}



// 圆角
.c_tip-r { border-radius:0.25em;}