gistfile1.css

// ---------------------------------------
// BLQ
// ---------------------------------------
#blq-container {
	background: @site-background;
	
	// imports
	.i(@device);
}


// ---------------------------------------
// IMPORT MIXINS
// ---------------------------------------
.i('core') {
	background: blue;
}
.i('compact') {
	@media (max-width: 640px) {
		background: red;
	}
}
.i('tablet') {
	.i('compact');
	@media (min-width: 640px) {
		background: green;
	}
}
.i('wide') {
	.i('compact');
	.i('tablet');	
	@media (min-width: 960px) {
		background: yellow;
	}
}