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

// 标签元素
.e_tag {
	display:inline-block; white-space:nowrap; position:relative; line-height:1+0.5*@gap; background:@fg-light-4; color:@bg; padding:0 0.5*@gap; border-radius:0.25em; overflow:hidden; vertical-align:middle;
	[class*="e_ico"] { margin-right:0.5*@gap; font-size:75%;}
}



// 删除
.e_tagText { float:left;}
.e_tagDelete { float:left; margin-left:-0.5*@gap; left:0.5*@gap; width:1+0.5*@gap; position:relative; text-align:center; color:@fg-light-8; border-top-right-radius:0.25em; border-bottom-right-radius:0.25em; cursor:default; vertical-align:top;}
.e_tagDelete:after { font-family:"ico"; content:"\e01b"; font-size:50%; display:inline-block; vertical-align:top;}



// 色彩
.e_tag-blue {
	background:@primary;
	.e_tagDelete { color:@primary-light-7;}
}
.e_tag-green {
	background:@success;
	.e_tagDelete { color:@success-light-7;}
}
.e_tag-red { 
	background:@danger;
	.e_tagDelete { color:@danger-light-7;}
}
.e_tag-orange {
	background:@warning;
	.e_tagDelete { color:@warning-light-7;}
}
.e_tag-white { 
	background:@bg; color:@fg-light-2;
}



// 圆点
.e_tag-r {
	border-radius:0.75em; padding:0; min-width:1.5em; text-align:center !important; line-height:1.5em;
	.e_tagText { float:none;}
}


// 圆弧
.e_tag-pill {
	border-radius:0.75em;
}


// 放在角落
.e_tag-corner {
	position:absolute; right:-0.5em; top:-0.5em;
}



// 外边线
.e_tag-outline { 
	background:none; border:1px solid @fg; color:@fg;
	.e_tagDelete { color:@fg-light-5;}
}
.e_tag-white.e_tag-outline { 
	border-color:@bg; color:@bg;
	.e_tagDelete { color:@bg-op-5;}
}
.e_tag-red.e_tag-outline { 
	border-color:@danger; color:@danger;
	.e_tagDelete { color:@danger-light-5;}
}
.e_tag-green.e_tag-outline { 
	border-color:@success; color:@success;
	.e_tagDelete { color:@success-light-5;}
}
.e_tag-orange.e_tag-outline { 
	border-color:@warning; color:@warning;
	.e_tagDelete { color:@warning-light-5;}
}
.e_tag-blue.e_tag-outline { 
	border-color:@primary; color:@primary;
	.e_tagDelete { color:@primary-light-5;}
}



// 虚线
.e_tag-outline-dashed { border:1px dashed;}