/* Element Chalk Variables */
@import  "coco-variables.scss";
// @import "compass/css3";


.co-container{ height: 100%; position: relative; }
.co-container__absolute{ position: absolute; 
	&.is-top{ top: 0; width: 100%;}
	&.is-left{ left:0; height: 100%;}
	&.is-right{ right:0; height: 100%;}
	&.is-bottom{ bottom:0; width: 100%;}
}
.co-container__area{ width: 100%; height: 100%; position: relative;
	&>img{ float: left;}
}

// /* 表格和分页布局容器
// 容器的50px给分页,其余的空间给el-table,前提是el-table有属性height="100%" */
// .co-table-box{ box-sizing: border-box; height: 100%; position: relative;

// 	.absolute{ position: absolute; left:0; width: 100%; box-sizing: border-box;
// 		&.center{ text-align: center;}
// 		.el-pagination{ margin-top: 15px;}
// 	}
	
// 	.area{ height: 100%; box-sizing: border-box;}
	
// 	&.p10>.absolute{ height: 10px;}
// 	&.p20>.absolute{ height: 20px;}
// 	&.p30>.absolute{ height: 30px;}
// 	&.p40>.absolute{ height: 40px;}
// 	&.p50>.absolute{ height: 50px;}
// 	&.p60>.absolute{ height: 60px;}
// 	&.p70>.absolute{ height: 70px;}
// 	&.p80>.absolute{ height: 80px;}
// 	&.p90>.absolute{ height: 90px;}
// 	&.p100>.absolute{ height: 100px;}
	
// 	&.top{
// 		.absolute{ top:0}
// 		&.p10{ padding-top: 10px;}
// 		&.p20{ padding-top: 20px;}
// 		&.p30{ padding-top: 30px;}
// 		&.p40{ padding-top: 40px;}
// 		&.p50{ padding-top: 50px;}
// 		&.p60{ padding-top: 60px;}
// 		&.p70{ padding-top: 70px;}
// 		&.p80{ padding-top: 80px;}
// 		&.p90{ padding-top: 90px;}
// 		&.p100{ padding-top: 100px;}
// 	}
// 	&.bottom{
// 		.absolute{ bottom:0}
// 		&.p10{ padding-bottom: 10px;}
// 		&.p20{ padding-bottom: 20px;}
// 		&.p30{ padding-bottom: 30px;}
// 		&.p40{ padding-bottom: 40px;}
// 		&.p50{ padding-bottom: 50px;}
// 		&.p60{ padding-bottom: 60px;}
// 		&.p70{ padding-bottom: 70px;}
// 		&.p80{ padding-bottom: 80px;}
// 		&.p90{ padding-bottom: 90px;}
// 		&.p100{ padding-bottom: 100px;}
// 	}
// }