Add check for stop-color in inline styles

index.js

@@ -34,17 +34,18 @@ module.exports = function getSvgColors(input, options) {
     return color($(this).attr('stroke'))
   }).get()
 
-  // Find `fill` and `stroke` within inline styles
-  $('[style]').each(function (i, el) {
-    fills.push(color($(this).css('fill')))
-    strokes.push(color($(this).css('stroke')))
-  })
-
   // Find elements with a `stop-color` attribute (gradients)
   var stops = $('[stop-color]').map(function (i, el) {
     return color($(this).attr('stop-color'))
   }).get()
 
+  // Find `fill`, `stroke` and `stops` within inline styles
+  $('[style]').each(function (i, el) {
+    fills.push(color($(this).css('fill')))
+    strokes.push(color($(this).css('stroke')))
+    stops.push(color($(this).css('stop-color')))
+  })
+
   if (options && options.flat) {
     return compact(uniq(fills.concat(strokes).concat(stops)))
   }

test/index.js

@@ -42,8 +42,10 @@ describe('get-svg-colors', function(){
     var colors = getColors(__dirname + '/fixtures/inline-styles.svg')
     var fills = colors.fills.map(color => color.hex())
     var strokes = colors.strokes.map(color => color.hex())
+    var stops = colors.stops.map(color => color.hex())
     assert(fills.indexOf('#ffcc00') > -1)
     assert(strokes.indexOf('#803300') > -1)
+    assert(stops.indexOf('#000000') > -1)
   })
 
   it('supports radial gradients', function() {