node package manager
Easy collaboration. Discover, share, and reuse code in your team. Create a free org »

rework-plugin-inline

rework-plugin-inline

Build Status

inline() plugin for rework, formerly included in core

.inline(dir)

Inline files from dir directly to CSS. Replace inline(path) to Data URI with base64 encoding of file. It is useful for small images and fonts.

Of course, you can use inline only with node. It is not available in the browser with component.

var css = rework(read(css))
  .use(rework.inline('images/', 'fonts/'))
  .toString()
.logo {
  background: inline(icons/logo.png);
}

yields:

.logo {
  background: url("data:image/png;base64,iVBORw0…");
}