aslansky/css-sprite

{{#items}}
${{name}} = {{px.offset_x}} {{px.offset_y}} {{px.width}} {{px.height}}
{{/items}}

sprite-width($sprite)
  width $sprite[2]

sprite-height($sprite)
  height $sprite[3]

sprite-position($sprite)
  background-position $sprite[0]  $sprite[1]

sprite($sprite)
  sprite-position($sprite)
  background-repeat no-repeat
  overflow hidden
  display block
  sprite-width($sprite)
  sprite-height($sprite)

{{#sprite}}
{{class}}
  background-image url('{{{escaped_image}}}')

{{/sprite}}
{{#retina}}
@media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)
  {{class}}
    background-image url('{{{escaped_image}}}')
    background-size {{px.total_width}} {{px.total_height}}

{{/retina}}