Pierre Burel pierreburel

This gist demonstrates how to use Compass magic sprites in combination with HiDPI.

Credits: Icons © Adam Whitcroft

Oh and you may check Compass HDPI

	var gulp = require('gulp');
	var sass = require('gulp-sass');

	gulp.task('sass', function () {
	gulp.src('./*.sass')
	.pipe(sass({indentedSyntax: true}))
	.pipe(gulp.dest('./'));
	});

	// ----
	// libsass (v3.2.5)
	// ----

	@each $p, $property in (b: border, p: padding, m: margin) {
	@each $v, $value in (n: 0, s: 10px, m: 20px, l: 30px) {
	@each $d, $direction in (t: top, b: bottom) {
	.#{$p}#{$d}#{$v} {
	#{$property}-#{$direction}: #{$value};
	}