Skip to content

Instantly share code, notes, and snippets.

@tilap

tilap/mixin.less

Created November 6, 2014 16:41
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save tilap/b6a5c62e9e7358d5b5a5 to your computer and use it in GitHub Desktop.
Save tilap/b6a5c62e9e7358d5b5a5 to your computer and use it in GitHub Desktop.
Download ZIP
Retina image url mixin for Less
Raw
mixin.less
@highdpi: ~"(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx)";
.retina-bg(@path) {
background-image: url(@path);
@at2x_path: ~`@{path}.replace(/\.\w+$/, function(match) { return "@2x" + match; })`;
@media @highdpi {
background-image: url("@{at2x_path}");
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment