Fix css template for sprites

common/css/css.template.handlebars

@@ -1,16 +1,16 @@
-{{#items}}
+{{#sprites}}
 .{{name}} {
   background-image: url({{{escaped_image}}});
   background-position: {{px.offset_x}} {{px.offset_y}};
   width: {{px.width}};
   height: {{px.height}};
 }
-{{#custom}}
+{{#if custom}}
 .customize-option.{{name}} {
   background-image: url({{{escaped_image}}});
   background-position: {{custom.px.offset_x}} {{custom.px.offset_y}};
   width: {{custom.px.width}};
   height: {{custom.px.height}};
 }
-{{/custom}}
-{{/items}}
+{{/if}}
+{{/sprites}}

tasks/gulp-sprites.js

@@ -69,7 +69,7 @@ function createSpritesStream(name, src) {
         cssName: `spritesmith-${name}-${index}.css`,
         algorithm: 'binary-tree',
         padding: 1,
-        cssTemplate: 'common/css/css.template.mustache',
+        cssTemplate: 'common/css/css.template.handlebars',
         cssVarMap: cssVarMap
       }));