directly substitute the hex in the replace callback (fixes last comme…

…nt of madeleineostoja#6)

index.js

@@ -33,33 +33,22 @@ module.exports = postcss.plugin('postcss-hexrgba', () => {
    * @param  {string} decl CSS delcaration
    */
   function ruleHandler(decl, result) {
-    let input = decl.value,
-        output = input,
-        hexes = [];
+    let input = decl.value;
 
-    // Get the raw hex values out of the decl value and put them in an array
-    input.replace(/rgba\(#(.*?),/g, (a, b) => hexes.push(b));
-
-    // If there are no hexes in the value, exit
-    if (!hexes.length) {
-      return;
-    }
-
-    // Convert each hex to RGB
-    hexes.forEach(hex => {
+    // Get the raw hex values and replace them
+    let output = input.replace(/rgba\(#(.*?),/g, (match, hex) => {
       let rgb = hexRgb(hex),
           matchHex = new RegExp('#' + hex);
-
-      // If conversion fails, warn and exit
+        
+      // If conversion fails, emit a warning
       if (!rgb) {
         result.warn('not a valid hex', { node: decl });
-        return;
+        return match;
       }
 
       rgb = rgb.toString();
-
-      // Replace hex values in output string
-      output = output.replace(matchHex, rgb);
+
+      return match.replace(matchHex, rgb);
     });
 
     decl.replaceWith({

test/fixtures/complex.css

@@ -1,3 +1,5 @@
   .foo {
     background: linear-gradient(rgba(#0fab53,.1), rgba(#000, 0.2));
+    background-image: linear-gradient(#f00, rgba(#f00, 0.2)),
+      linear-gradient(#0f0, rgba(#0f0, 0.2));
   }

test/fixtures/complex.expected.css

@@ -1,3 +1,5 @@
   .foo {
     background: linear-gradient(rgba(15,171,83,.1), rgba(0,0,0, 0.2));
+    background-image: linear-gradient(#f00, rgba(255,0,0, 0.2)),
+      linear-gradient(#0f0, rgba(0,255,0, 0.2));
   }