scss 真ん中の直线を引く

Posted 2021-05-18

//垂直真ん中のラインを引く vertical middle line IE10〜
@mixin vmline($lineColor:#ccc, $space:2em){
	display: table;
	text-align: center;
	white-space: nowrap;

	&:after,
	&:before {
		content: '';
		display: table-cell;
		width: 50%;
		@include background-image(linear-gradient(top, transparent 47%, $lineColor 48%, $lineColor 52%, transparent 53%, transparent));
		@include background-clip(padding-box);
	}

	&:after {
		border-left: $space solid transparent;
	}

	&:before {
		border-right: $space solid transparent;
	}
}