wecui/packages/wecui-css/node_modules/precss/test/fixtures/mixed.css

一款基于Vue2.x版本的移动端web组件

$pass: green;
$number: 3;

@for $i from 1 to 5 by 2 {
	@for $j from 3 to 1 {
		.test-$(i)-$(j) {
			color: $pass;
		}
	}
}

@each $i in ((foo, bar), (baz, qux)) {
	@each $j in $i {
		.test-$j {
			color: $pass;
		}
	}
}

@for $i from 1 to 5 by 2 {
	@if $i >= $number {
		.test-atleast-$i {
			color: $pass;
		}
	} @else {
		.test-under-$i {
			color: $pass;
		}
	}
}

@each $i in (1, 2, 3) {
	@for $j from $i to 3 {
		@if $i >= 3 {
			.test-i-$i {
				width: $j;
			}
		}
	}
}

$dir: assets/images;

@each $i in (1, 2, 3) {
	@for $j from $i to 3 {
		@if $i >= 3 {
			.test-i-$i {
				.outer & .inner {
					background: url($dir/$j.png);
				}
			}
		}
	}
}