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

// 组合元素
.e_group {
	width:16em; display:inline-block; vertical-align:top; border:1px solid @fg-light-8-5; background:@bg-dark-0-1; height:1+2*@gap; overflow:hidden; box-sizing:border-box; position:relative;
	.e_groupLeft { float:left;}
	.e_groupRight { float:right;}
	.e_groupLine { width:1px; background:@fg-light-8-5; height:1+2*@gap;}
	.e_groupMain {
		width:auto; display:block; overflow:hidden; height:1+2*@gap;
		.e_label,
		.e_select,
		input { width:100%;}
		input[type="file"] { height:1+2*@gap; padding:0 @gap; line-height:1+2*@gap; background:none; border:0 none; color:@fg-light-4;}
		.e_tag { margin-top:0.75*@gap;}
		.e_tag:first-child { margin-left:0.75*@gap;}
	}
	.e_groupRight-close-left,
	.e_groupMain-close-left {
		position:relative; z-index:1; margin-left:-@gap;
	}
	.e_groupLeft-close-right,
	.e_groupMain-close-right {
		position:relative; z-index:1; margin-right:-@gap;
	}
	input[type="date"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="email"],
	input[type="month"],
	input[type="week"],
	input[type="number"],
	input[type="tel"],
	input[type="time"],
	input[type="url"],
	input[type="text"],
	input[type="password"],
	.e_select,
	.e_label { border-color:transparent; border-left:0 none; border-right:0 none; background:none; margin-top:-1px; vertical-align:top;}
	.e_label { color:@fg-light-5;}
	.e_groupLeft button,
	.e_groupLeft .e_button { border-left:0 none; margin-top:-1px; vertical-align:top;}
	.e_groupRight button,
	.e_groupRight .e_button { border-right:0 none; margin-top:-1px; vertical-align:top;}
	.e_groupPart { display:block; height:1+2*@gap; width:1px; background:@fg-light-9;}
	.e_groupLeft > [class*="e_ico"],
	.e_groupRight > [class*="e_ico"],
	.e_groupMain > [class*="e_ico"] {
		cursor:pointer; width:1+2*@gap; overflow:hidden; color:@primary; text-align:center; position:relative; height:1+2*@gap; line-height:1+2*@gap; .x_bs; display:inline-block; vertical-align:top;
		&:after { display:inline-block; vertical-align:top;}
		input[type="file"] { position:absolute; left:0; z-index:200; width:5em; border:0 none; height:30em; opacity:0; filter:~"alpha(opacity=0)"; cursor:pointer;}
	}
	.e_groupRight > [class*="e_ico"] {
		object { width:1+2*@gap; height:1+2*@gap; margin-bottom:-1+2*@gap; display:block; position:relative; z-index:2;} 
	}
	.e_groupLeft > .e_ico-loading,
	.e_groupRight > .e_ico-loading,
	.e_groupMain > .e_ico-loading {
		&:after { margin-top:@gap;}
	}
	input[type="checkbox"],
	input[type="radio"] {
		display:inline-block; position:relative;
	}
	.e_label input[type="checkbox"],
	.e_label input[type="radio"] {
		margin-right:0.5*@gap;
	}
	.e_label input[type="checkbox"]:only-child,
	.e_label input[type="radio"]:only-child {
		margin-right:0;
	}
	.e_group { width:100%; border:0 none;}
}



// 进度条插件
.e_groupProgress { position:absolute; bottom:0; height:2px; left:0; background:@success;}



// 圆角
.e_group-r { border-radius:0.25em;}
.e_group-left { border-top-left-radius:0.25em; border-bottom-left-radius:0.25em;}
.e_group-right { border-top-right-radius:0.25em; border-bottom-right-radius:0.25em;}



// 均分
.e_group > .e_group { border:0 none;}
[class*="e_group-avg"] {
	> .e_group,
	> .e_groupItem {
		float:left; width:50%; box-sizing:border-box; position:relative;
		&:before { content:""; position:absolute; left:0; top:50%; height:1+0.5*@gap; margin-top:-0.5-0.25*@gap; width:1px; background:@fg-light-8-5;}
		.e_label,
		.e_select,
		input { width:100%;}
	}
	> .e_group:first-child:before,
	> .e_groupItem:first-child:before {
		display:none;
	}
}
.e_group-avg-2 {
	> .e_group,
	> .e_groupItem {
		width:50%;
	}
}
.e_group-avg-3 {
	> .e_group,
	> .e_groupItem {
		width:33.33%;
	}
}
.e_group-avg-4 {
	> .e_group,
	> .e_groupItem {
		width:25%;
	}
}
.e_group-avg-5 {
	> .e_group,
	> .e_groupItem {
		width:20%;
	}
}
.e_group-avg-6 {
	> .e_group,
	> .e_groupItem {
		width:16.66%;
	}
}
.e_group-avg-7 {
	> .e_group,
	> .e_groupItem {
		width:14.28%;
	}
}
.e_group-avg-8 {
	> .e_group,
	> .e_groupItem {
		width:12.5%;
	}
}
.e_group-avg-9 {
	> .e_group,
	> .e_groupItem {
		width:11.11%;
	}
}
.e_group-avg-10 {
	> .e_group,
	> .e_groupItem {
		width:10%;
	}
}
.e_group-avg-11 {
	> .e_group,
	> .e_groupItem {
		width:9.09%;
	}
}
.e_group-avg-12 {
	> .e_group,
	> .e_groupItem {
		width:8.33%;
	}
}
.e_group-avg-13 {
	> .e_group,
	> .e_groupItem {
		width:7.69%;
	}
}



// 宽度
.e_group-full { width:100%;}