scss 网格mixin.scss

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了scss 网格mixin.scss相关的知识,希望对你有一定的参考价值。

@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; }
		}
	}
}

以上是关于scss 网格mixin.scss的主要内容,如果未能解决你的问题,请参考以下文章

scss flex mixin scss

scss grandparent_mixin.scss

scss 注意力mixin.scss

scss 占位符色,mixin.scss

scss Border Radius Mixin(SCSS)

scss 圆圈mixin.scss