Skip to content

Latest commit

 

History

History
34 lines (25 loc) · 742 Bytes

README.md

File metadata and controls

34 lines (25 loc) · 742 Bytes

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…");
}