@import  "coco-variables.scss";


// easyui 高度不正常
.textbox{ line-height:1; vertical-align: top;}
// .el-form-item__content{ line-height: 1!important;}

.el-form-item{ margin-bottom: 16px;}
.el-form.only .el-form-item{ margin-bottom: 8px;}

.co-form{
	&:after{
		content: "";
		clear: both;
		display: block;
	}
	.co-form__item{ padding-bottom:10px;}
	.co-form__item:last-child{ padding-bottom:0px}
	// .co-form__item>.name{ line-height: 15px; padding-bottom: 1px; color: $--text-color-second; display: inline-block; vertical-align: middle; padding-right: 8px; box-sizing: content-box;}
	.co-form__item>.name{ color: $--text-color-second; padding-right: 8px; }
	// &.default{
	// 	//给所有co-form__item增加间距
	// 	.co-form__item{ padding: 8px;
	// 		&>.name{
	// 			padding-right: 8px;
	// 		}
	// 	}
	// }
	label,.name{
		padding-right: 8px;
		display: inline-block;
		text-align: right;
		color: $--text-color-second;
	}

	&.sbar{
		.form-item{ padding: 8px; float: left; display: inline-block;}
		
		table{
			display: inline-block;
			vertical-align: middle;
		}
	}
}


.co-form__item{
	
	/* default */
	&.default{
		position: relative;
		&>.name{ position: absolute; left: 0; text-align: right; display: inline-block; line-height: 18px;}
	}
	/* name占整行 */
	&.only{
		&>.name{ display: block; width: 100%; text-align: left;}
	}
	
	
	&.xl{
		.name{ /*padding-top: 6px; padding-bottom: 6px; */top:12px;}
	}
	&.md{
		.name{ /*padding-top: 6px; padding-bottom: 6px; */top:9px;}
	}
	&.sm{
		.name{ /*padding-top: 6px; padding-bottom: 6px; */top:7px;}
	}
	&.xs{
		.name{ /*padding-top: 6px; padding-bottom: 6px; */top:5px;}
	}
}

#app.dark{
	.co-form__item{
		&>.name,&>label{ color:rgba(255,255,255,.6)}
	}
}