scss 网格mixin.scss

Posted 2021-05-18

@mixin media-grid($child-selector:article) {
	@include cfix;
	#{$child-selector} {
		@include sixcol;
		&:nth-child(2n-1) { margin-left:0; clear:left; }
	}
	@media only screen and (min-width: 768px) {
		#{$child-selector} {
			@include fourcol;
			clear:none;
			&:nth-child(2n-1) { margin-left:2.762430939%; clear:none; }
			&:first-child { margin-left:0; }
			&:nth-child(3n-2) { margin-left:0; clear:left; }
		}
	}
}