Extend notify styles instead of replacing

[joemaller]

BrowserSync/browser-sync#685 shows how to override the styles on the in-browser notify div in lib/notify.js, but changing any single rule requires replicating the entire styles array.

It would be nice if we could override a single style rule. For example, only changing the background color, font-size or positioning.

Also, would it be ok to add a Lodash dependency to help streamline this?

[shakyShane]

If you're planning on implementing this, I'd say it's simple enough to not need an external lib. Just change from an array to an object and do a simple key loop?

[joemaller]

Yeah, the library request was just laziness. 😴

I spent a little extra time to make sure existing whole-array behavior still works if options.notify.styles is an array. If it gets an object, all properties of the object are merged onto the default styles object. There are tests for both behaviors.

[shakyShane]

fixed via #27