https://github.com/f/postcss-inline-image
PostCSS plugin that puts images as data URIs into your CSS
https://github.com/f/postcss-inline-image
Last synced: 4 months ago
JSON representation
PostCSS plugin that puts images as data URIs into your CSS
- Host: GitHub
- URL: https://github.com/f/postcss-inline-image
- Owner: f
- License: mit
- Created: 2015-07-21T00:25:06.000Z (almost 11 years ago)
- Default Branch: master
- Last Pushed: 2016-05-18T05:32:52.000Z (about 10 years ago)
- Last Synced: 2025-03-17T22:26:29.369Z (over 1 year ago)
- Language: JavaScript
- Size: 5.86 KB
- Stars: 21
- Watchers: 2
- Forks: 1
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# PostCSS Inline Image [![Build Status][ci-img]][ci]
[PostCSS] plugin that puts images as data URIs into your CSS.
[PostCSS]: https://github.com/postcss/postcss
[ci-img]: https://travis-ci.org/f/postcss-inline-image.svg
[ci]: https://travis-ci.org/f/postcss-inline-image
```css
.foo {
background-inline-image: url(one_pixel_transparent.gif);
}
```
```css
.foo {
background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
}
```
## Usage
```js
postcss([ require('postcss-inline-image') ])
```
See [PostCSS] docs for examples for your environment.