spritesheet-templates/lib/templates/css_retina.template.js

Convert spritesheet data into CSS or CSS pre-processor data

// Load in local modules
var fs = require('fs');
var handlebars = require('handlebars');
var tmpl = fs.readFileSync(__dirname + '/css_retina.template.handlebars', 'utf8');

// Register the CSS as a partial for extension
handlebars.registerPartial('css_retina', tmpl);

// Define our retina CSS template fn ({sprites, options}) -> css
function cssRetinaTemplate(data) {
  // Localize parameters
  var retinaGroups = data.retina_groups;
  var options = data.options;

  // Fallback class naming function
  var selectorFn = options.cssSelector || function defaultCssClass (retinaGroup) {
    return '.icon-' + retinaGroup.name;
  };

  // Add class to each of the options
  retinaGroups.forEach(function saveClass (retinaGroup) {
    retinaGroup.selector = selectorFn(retinaGroup);
  });

  // Render and return CSS
  var css = handlebars.compile(tmpl)(data);
  return css;
}

// Export our CSS template
module.exports = cssRetinaTemplate;