goeko

/**
 * Setup images sprite having high resolution variant for retina displays.
 *
 * It will create class names for all available icons.
 *
 * This uses custom function to prefix selectors from array. To get it working you will need to include following snippet in your config.rb
 *
 *     module Sass::Script::Functions
 *         def prefix_each(array, prefix)
 *             return Sass::Script::String.new array.to_a.map{|item| prefix.value + item.value}.join(", ")

goeko

@mixin background-image-retina($file, $type, $width, $height) {
  background-image: url($file + '.' + $type);

  @media (-webkit-min-device-pixel-ratio: 2) {
    & {
      background-image: url($file + '@2x.' + $type);
      -webkit-background-size: $width $height;
    }
  }
}