<% 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;
<% }); %>
@mixin <%= spriteName %>-image {
  background-image: url("<%= options.spritePath %>");
}<% if (options.pixelRatio !== 1) { %>
@mixin <%= spriteName %>-size {
  background-size: <%= getCSSValue(layout.width) %> <%= getCSSValue(layout.height) %>;
}<% } %>
@mixin <%= spriteName %>-position($sprite) {
  background-position: nth($sprite, 1) nth($sprite, 2);
}
@mixin <%= spriteName %>-width($sprite) {
  width: nth($sprite, 3);
}
@mixin <%= spriteName %>-height($sprite) {
  height: nth($sprite, 4);
}
@mixin <%= spriteName %>($sprite) {
  @include <%= spriteName %>-image;<% if (options.pixelRatio !== 1) { %>
  @include <%= spriteName %>-size;<% } %>
  @include <%= spriteName %>-position($sprite);
  @include <%= spriteName %>-width($sprite);
  @include <%= spriteName %>-height($sprite);
}