@zhangqingcq/plug-r-qw/src/style/components/checkboxGroupTwoClass.less

A JS lib base on Vue and View-design, you can achieve some complex functions with simple code after install this lib.

/**
 * created 2020.07.24
 * @author ricky zhangqingcq@foxmail.com
 */

@import '../common/size';

.boxLPA {
	border-left: 1px solid @CKGBorderColor;
	border-top: 1px solid @CKGBorderColor;

	.borderBoxAS {
		border-bottom: 1px solid @CKGBorderColor;
		border-right: 1px solid @CKGBorderColor;
		padding-left: @CKGContentLeftPadding;
		box-sizing: border-box;
	}

	.headerJ {
		height: @headerH;
		display: flex;

		> div {
			line-height: @headerH;
			font-size: 13px;
			font-weight: bold;
		}

		.firstT {
			width: @CKGFistW;
		}

		.secondT {
			width: calc(100% - @CKGFistW);
		}
	}

	.bodyJ {
		display: flex;

		.firstCol {
			width: @CKGFistW;
			display: flex;
			align-items: center;
		}

		.secondCol {
			width: calc(100% - @CKGFistW);
			display: flex;
			flex-wrap: wrap;

			.secItem {
				padding-right: @CKGItemPadding;
				line-height: @headerH*.7;
				min-width: 160px;
			}
		}
	}
}