diff --git a/templates/regular.lodash b/templates/regular.lodash index 9ce9c3e..417b45f 100644 --- a/templates/regular.lodash +++ b/templates/regular.lodash @@ -1,3 +1,3 @@ -<%= selectors.join(',\n') %> { background-image: <%= getBackgroundImageUrl(images[0]) %>; background: no-repeat; } +<%= selectors.join(',\n') %> { background: no-repeat; background-image: <%= getBackgroundImageUrl(images[0]) %>; } <% _.forEach(images, function(image) { %> .<%= image.selector %> { background-position: <%= getBackgroundPosition(image) %>; width: <%= image.coordinates.width %>px; height: <%= image.coordinates.height %>px; }<% }); %> diff --git a/templates/retina.lodash b/templates/retina.lodash index 73678f3..7e10101 100644 --- a/templates/retina.lodash +++ b/templates/retina.lodash @@ -1,5 +1,5 @@ @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { -<%= selectors.join(',\n') %> { background-image: <%= getBackgroundImageUrl(images[0]) %>; background: no-repeat; background-size: <%= getBackgroundSize(images[0]) %>; } +<%= selectors.join(',\n') %> { background: no-repeat; background-image: <%= getBackgroundImageUrl(images[0]) %>; background-size: <%= getBackgroundSize(images[0]) %>; } <% _.forEach(images, function(image) { %> .<%= image.selector %> { background-position: <%= getBackgroundPosition(image) %>; width: <%= image.coordinates.width / image.ratio %>px; height: <%= image.coordinates.height / image.ratio %>px; }<% }); %> }