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

// 分列
.l_col {
	display:flex; overflow:hidden; box-sizing:border-box; position:relative; z-index:0;
	> .l_colItem {
		margin:0 0 0 -1px; min-height:0.1em; position:relative; flex:1; width:1px;
		&:first-child { margin-left:0;}
		&[style*="width"] { flex:none;}
		> .content { height:100%;}
	}
	.l_colContent { display:flex; overflow:hidden; flex:1;}
}
.l_col > .l_colContent > .l_colItem { .l_col > .l_colItem;}



// 全屏高度
.l_col-full {
	height:100%;
	.l_colItem,
	.l_colItemWrapper,
	.l_colContent { height:100%;}
	.l_colItemWrapper { position:relative;}
}



// 垂直居中
.l_col-middle {
	align-items:center;
}



// 间距
.l_col-space,
.l_col-space-1 {
	> .l_colItem {
		margin:0 0.25*@gap;
		&:first-child { margin-left:0;}
		&:last-child { margin-right:0;}
	}
}
.l_col-space-2 {
	> .l_colItem {
		margin:0 0.5*@gap;
		&:first-child { margin-left:0;}
		&:last-child { margin-right:0;}
	}
}
.l_col-space-3 {
	> .l_colItem {
		margin:0 0.75*@gap;
		&:first-child { margin-left:0;}
		&:last-child { margin-right:0;}
	}
}
.l_col-space-4 {
	> .l_colItem {
		margin:0 @gap;
		&:first-child { margin-left:0;}
		&:last-child { margin-right:0;}
	}
}
.l_col-space   > .l_colContent > .l_colItem { .l_col-space   > .l_colItem;}
.l_col-space-1 > .l_colContent > .l_colItem { .l_col-space-1 > .l_colItem;}
.l_col-space-2 > .l_colContent > .l_colItem { .l_col-space-2 > .l_colItem;}
.l_col-space-3 > .l_colContent > .l_colItem { .l_col-space-3 > .l_colItem;}
.l_col-space-4 > .l_colContent > .l_colItem { .l_col-space-4 > .l_colItem;}
.l_col-line    > .l_colContent > .l_colItem { .l_col-line    > .l_colItem;}



// 分隔线
.l_col-line {
	> .l_colItem {
		border-left:1px solid @fg-light-8-5;
		border-right:1px solid @fg-light-8-5;
		margin:0 0 0 -1px !important;
		&:first-child { margin-left:0 !important;}
	}
	.l_colItem:first-child { border-left:0 none;}
	.l_colItem:last-child { border-right:0 none;}
}