<% layout.images.forEach(function (image) { %><%= image.className %>-x = <%= getCSSValue(-image.x) %>
<%= image.className %>-y = <%= getCSSValue(-image.y) %>
<%= image.className %>-width = <%= getCSSValue(image.width) %>
<%= image.className %>-height = <%= getCSSValue(image.height) %>
<%= image.className %> = <%= image.className %>-x <%= image.className %>-y <%= image.className %>-width <%= image.className %>-height
<% }); %>
<%= spriteName %>-image()
    background-image url('<%= options.spritePath %>')<% if (options.pixelRatio !== 1) { %>
<%= spriteName %>-size()
    background-size <%= getCSSValue(layout.width) %> <%= getCSSValue(layout.height) %><% } %>
<%= spriteName %>-position($sprite)
    background-position $sprite[0] $sprite[1]
<%= spriteName %>-width($sprite)
    width $sprite[2]
<%= spriteName %>-height($sprite)
    height $sprite[3]
<%= spriteName %>($sprite)
    <%= spriteName %>-image()<% if (options.pixelRatio !== 1) { %>
    <%= spriteName %>-size()<% } %>
    <%= spriteName %>-position($sprite)
    <%= spriteName %>-width($sprite)
    <%= spriteName %>-height($sprite)