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

// 标记
.e_label {
	display:inline-block; cursor:default; white-space:nowrap; .x_bs; background:@bg-dark-0-1; vertical-align:middle; white-space:nowrap; height:1+2*@gap; line-height:1+2*@gap; padding:0 @gap; border:1px solid @fg-light-8-5;
	[class^="e_ico"] { margin-right:0.5*@gap; vertical-align:baseline;}
	[class^="e_ico"]:last-child { margin-left:0.5*@gap; margin-right:0;}
	input[type="checkbox"],
	input[type="radio"] { vertical-align:top; margin-right:0.5*@gap; margin-top:@gap; margin-left:-0.25*@gap;}
	span:only-child { margin:0 !important;}
	span.e_tag { margin-left:0.43*@gap !important;}
}



// 色彩
.e_label-green { background:@success-light-9; border-color:@success; color:@success;}
.e_label-red { background:@danger-light-9; border-color:@danger; color:@danger;}
.e_label-blue { background:@primary-light-9; border-color:@primary; color:@primary;}
.e_label-orange { background:@warning-light-9; border-color:@warning; color:@warning;}
.e_label-yellow { background:@bright-light-9; border-color:@bright; color:@bright;}



// 圆角
.e_label-r { border-radius:0.25em;}
.e_label-left { border-top-left-radius:0.25em; border-bottom-left-radius:0.25em;}
.e_label-right { border-top-right-radius:0.25em; border-bottom-right-radius:0.25em;}
.e_label-pill { border-radius:0.5+@gap}



// 大小
.e_label-l { font-size:116.67%;}
.e_label-m { font-size:100%;}
.e_label-s { font-size:85.71%;}



// 反色
.e_label-ob { background:@secondary-light-4; border:0 none; color:@bg;}
.e_label-ob.e_label-green { background:@success;}
.e_label-ob.e_label-red { background:@danger;}
.e_label-ob.e_label-blue { background:@primary;}
.e_label-ob.e_label-orange { background:@warning;}
.e_label-ob.e_label-yellow { background:@bright;}