handle content property (#61)

bezoerb · Feb 5, 2016 · 95c9e6e · 95c9e6e
1 parent 6397028
commit 95c9e6e
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 1 deletion.
diff --git a/index.js b/index.js
@@ -68,7 +68,7 @@ module.exports = postcss.plugin('postcss-image-inliner', function (opts) {
 
     return function (css) {
         var replacements = {};
-        var filter = /^background(?:-image)?/;
+        var filter = /^(background(?:-image)?)|(content)/;
         css.walkDecls(filter, loop(function (decl, url) {
             replacements[url] = resolveUrl(url);
         }));

diff --git a/test/fixtures/styles/pseudo.in.css b/test/fixtures/styles/pseudo.in.css
@@ -0,0 +1,3 @@
+.class:after {
+    content: url('../images/blank.gif');
+}
diff --git a/test/fixtures/styles/pseudo.out.css b/test/fixtures/styles/pseudo.out.css
@@ -0,0 +1,3 @@
+.class:after {
+    content: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
+}
diff --git a/test/test.js b/test/test.js
@@ -79,6 +79,10 @@ describe('postcss-image-inliner', function () {
         test('missing.in.css', 'missing.out.css', { }, done);
     });
 
+    it('should handle urls used for content property', function (done) {
+        test('pseudo.in.css', 'pseudo.out.css', { }, done);
+    });
+
     it('should fail on missing files in strict mode', function (done) {
         test('missing.in.css', 'missing.out.css', { strict: true }, function (error) {
             if (error) {